Designing headlines in CMS blocks

In this tutorial you will learn how to design headlines in CMS blocks using ThemeWare® CSS classes.

ThemeWare® provides you with individual CSS classes that allow you to create the headlines for your Shopware 6 themes, as already known from our Shopware 5 themes.

Tip: Please find application examples in our demoshops.

---

ThemeWare® CSS headlines

CSS classes

Class	Block/Section	Description
twt-cms-headline-bath	Block	Styles the headline and the following passage in CMS blocks as in the Bath-Theme.
twt-cms-headline-clean	Block	Styles the headline and the following passage in CMS blocks as in the Clean-Theme.
twt-cms-headline-flower	Block	Styles the headline and the following passage in CMS blocks as in the Flower-Theme.
twt-cms-headline-kids	Block	Styles the headline and the following passage in CMS blocks as in the Kids-Theme.
twt-cms-headline-ladieswear	Block	Styles the headline and the following passage in CMS blocks as in the Ladieswear-Theme.
twt-cms-headline-plants	Block	Styles the headline and the following passage in CMS blocks as in the Plants-Theme.
twt-cms-headline-classic	Block	Styles the headline in CMS blocks like in the Shopware 5 Shopping Worlds.

Example

Headline ThemeWare® "Bath"

Note: You can activate or deactivate the ThemeWare® "CSS headline classes" as required. You can find the configuration in the Tab "Others" => Block "Advanced settings" => Section "Additional CSS classes".