funkydance, тот сайт что Вы показываете как пример - у него отвратительная вёрстка.
Я вам показал пример как это можно сочетать.
Блок-контэйнер с ограниченой шириной, отцентрованый, в нём там дальше колонки могут быть.
Потом блок на всю ширину, с контэйнером внутри, внутри которого контент.
Вадим, Там ещё сайдбар есть, как это предлагаете сочетать, учитывая, что ещё содержимое заполняется через редактор вордпресс. Не подходит никак ваш вариант. Или я не прав, но тогда не догоняю.
funkydance, У вас просто сам шаблон страницы не совсем подходит под вёрстку, которую я предлагаю. Если Вы не можете так сделать, то можно попробовать на css grid этого добиться, например через grid-area.
Освоить базу по гридам в лёгкой интерактивной форме за 20 минут можно тут: https://cssgridgarden.com/#ru
Вадим, По сути, вы разделили страницу на 2 части, сверхну всё внутри контейнера (сайдбар и правый контент) и далее вторая частья это секция с контейнером внутри.
Но, опять же, такую разметку на вордпресс не реализовать. Точнее как вы предлагаете заполнять страницу через редактор?
funkydance, Почему же не реализовать?
У wordpress есть файлы шаблонов страниц. Если Вам будет нужно делать такое переодически, то Вам нужно переписать шаблон страниц подходящим образом. Если Вам нужно сделать это один раз, только для этой страницы, и Вам не нужна поддержка старых браузеров, то сделайте через css grid один раз, добавив контэйнеру на этой странице класс-модификатор и всё.
Вадим, Я знаю гриды и как создавать шаблоны) Я просто уверен, что не реализовать это на css так как не будет возможности добавлять через тот же gutenberg контент так, чтоб один растягивался, а другой нет с сайдбаром и т.д. Ладно, пойду посплю и на свежую голову ещё раз перечитаю и решу проблему. Спасибо за помощь. Везде на вордпресс, где я видел такие смешанные страницы, везде это делается через JS.
Если нельзя менять разметку, делайте псевдоэлементом.
Задавайте ему ширину 100vw и позиционируйте.
На ближайшего родителя, имеющего ширину окна, не забудьте повесить overflow-x hidden.
Ankhena, Вот тут и проблема. Содержимое находится в правом блоке (есть левый сайдабр и правый с контентом, оба они находятся внутри container), мне нужно чтобы содержимое из правого блока растягивалось на весь container + фон секции этот на всю ширину.
