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
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".
Last updated
