[Gann]

Здрасти!)
Выбрал главную как страницу. На ней по умолчанию два сайдбара, хочу прикрутить ещё один.

Чтобы получилось следующее:
Текст, чуть ниже два сайдбара, ниже этих двух - ещё один, но на всю доступную ширину экрана. Сайдбары подключил, всё как надо, проблема в стилях.

Нашёл стили, отвечающие за сайдбары:

Код:

.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 17px;
		margin-bottom: 1.3rem;
	}
	.template-front-page .widget-area .widget:nth-child(3) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(2),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(2) {
		float: none;
		width: auto;
	}

Цифры 2 и 3 сам подставил, там было odd | even. Номер моего нового подключенного сайдбара - 4.

Как сделать то, что я хочу? Подскажите пожалуйста.

Нужно как то менять вот это? float: left; width: 51.875%;

---------- Сообщение добавлено 11:35 ---------- Предыдущее 11:32 ----------

То есть, мне нужно переписать стили начиная с первой строки, или как?

[Gann]

В общем, решил свою проблему.
В строчке:
.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {

добавил ещё + виджет, ну и остальное по аналогии.
Адаптивность работает, всё как и хотел)