Restyle blocks without touching markup
New colors, spacing and type, no template changes.
Life cycle: Redesign, example 8 of 34. Worked out on the Fit & Healthy site of Exponential 6.0.15+.
Contents
In the Layouts editor
- Editors keep using the same options; the classes they set (CSS class) can be styled too.
With templates
- Add your stylesheet with
FrontendCSSFileList[]in your extension'sdesign.ini(Styling your blocks), and style the classes the wrapper already has.
Which to choose
CSS first; override templates only where the structure must change.
Check
- The packed CSS contains your rules.
Related pages
- Styling your blocks
- Redesign examples, every page
- Free documentation: this page is free to copy, translate and improve under the GNU FDL 1.3.
Become an Exponential Partner
Partners share their information, provide funding, contribute back and develop the products with us, and that is how Exponential grows. A partner website and dashboard are planned for mid-2027: please become a partner today to speed up our growth rate and land new features faster.