Szablon z ograniczoną szerokością i elementami o pełnej szerokości

Witam, mam trudny do wytłumaczenia… problem.

Chciałbym wykonać szablon (theme) WordPress, która ma stałą szerokość (użyję do tego klasy CSS z Bootstrap „container”), a przynajmniej lwia część jej zawartości. Przykład: themes.everislabs.com/erato/typography/.

Jednak pojedyncze elementy na niektórych stronach potrzebuję wykonać z wykorzystaniem pełnej szerokości ekranu. Przykład:themes.everislabs.com/erato/work-with-us/ oraz element „Our Office. Our Team. Our Space„.

Początkowo chciałem zawartość (content) szablonu dla Stron rozpocząć od znacznika <div class="container" /> a wszelkiego rodzaju dodatkowe (niestandardowe) elementy dodawać za pomocą shordcode jednak nie uda mi się wstawić wewnątrz <div class="container" /> elementu pełnoekranowego.

Jak więc jest to wykonywane w szablonach (theme), które m.in. prezentuję w przykładzie?

Pozdrawiam