CSS classes for full-width sections

As the CSS class container is not the perfect solution in every scenario, ThemeWare® 1.1.3 includes new CSS classes for "boxed" CMS blocks and CMS sections in Shopping Experiences.

Left: "Full width" section | Right: "Full width" section with a boxed CMS block

CSS classes

Class	Block/Section	Description
twt-cms-boxed-content	Section	Sets a section to the maximum container width of the theme configuration.
twt-cms-block-boxed	Block	will follow soon...

Examples

"Full with" section with centred CMS blocks

"Full with" section with a specific, centred CMS block

---

Full-width CSS classes

As of ThemeWare® 2.1.3 there are additional "Full-width" CSS classes: for CMS sections and blocks.

The classes are available to you if you activate the following theme configuration:

Tab "Others" => Block "Advanced settings" => Section "Additional CSS classes" => Load CSS "max-width" classes (optional)

CSS classes

Klasse	Bereich	Funktionsbeschreibung
twt-cms-max-width	Section, Block	Sets the maximum width to the "maximum container width" of the theme configuration.
twt-cms-max-width-500	Section, Block	Sets the maximum width to 500px.
twt-cms-max-width-576	Section, Block	Sets the maximum width to 576px.
twt-cms-max-width-600	Section, Block	Sets the maximum width to 600px.
twt-cms-max-width-700	Section, Block	Sets the maximum width to 700px.
twt-cms-max-width-768	Section, Block	Sets the maximum width to 768px.
twt-cms-max-width-800	Section, Block	Sets the maximum width to 800px.
twt-cms-max-width-900	Section, Block	Sets the maximum width to 900px.
twt-cms-max-width-992	Section, Block	Sets the maximum width to 992px.
twt-cms-max-width-1000	Section, Block	Sets the maximum width to 1000px.
twt-cms-max-width-1100	Section, Block	Sets the maximum width to 1100px.
twt-cms-max-width-1200	Section, Block	Sets the maximum width to 1200px.
twt-cms-max-width-1300	Section, Block	Sets the maximum width to 1300px.
twt-cms-max-width-1400	Section, Block	Sets the maximum width to 1400px.
twt-cms-max-width-1500	Section, Block	Sets the maximum width to 1500px.
twt-cms-max-width-1600	Section, Block	Sets the maximum width to 1600px.
twt-cms-max-width-1700	Section, Block	Sets the maximum width to 1700px.
twt-cms-max-width-1800	Section, Block	Sets the maximum width to 1800px.
twt-cms-max-width-1920	Section, Block	Sets the maximum width to 1920px.