Color sections and cards
Give a whole section or a single card its own background from your site palette. Text switches to a readable contrasting color automatically.
Step by step
- 1
In Editor, hover or tap a section to show its toolbar, then select the style icon beside Section settings.
- 2
Choose one of the color circles. Background is selected by default and keeps the section like the rest of the page.
- 3
To color one card, hover the card and select the style icon in its toolbar, then choose a circle from the same palette.
- 4
For Booking, Cal.com booking, Contact form and Newsletter, use the Section row for the band behind the form and the Content row for the form box itself. Preview, then publish.
Good to know
Choices come only from Design → Color, so when you edit the palette every colored section and card follows it.
When two palette colors are exactly the same, the menu shows that color once.
Section color bands meet without gaps, and changing a color does not move or resize content.
