A different background per layout
Campaign layouts with a colored band behind the hero.
Life cycle: Redesign, example 28 of 34. Worked out on the Fit & Healthy site of Exponential 6.0.15+.
Contents
In the Layouts editor
- Drag Column into
main, set its background color, move the Hero into the column'smainplaceholder; publish.
With templates
- Or CSS on a class set on the column (CSS class on the Design tab).
Which to choose
Column with background for one-offs; a CSS class for a reusable style.
Check
- The wrapper of the column has
bg-color-<color>.
Related pages
- The Design tab
- 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.