Apply predefined colour schemes to modules in top-a, top-b, bottom-a, bottom-b via moduleclass_sfx — no CSS required.
How to Apply
- Open the module → Advanced tab
- Set Module Class Suffix to a preset (e.g.
block-2) - Save & Close, clear cache
Presets
| Suffix | Background | Use case |
|---|---|---|
block-1 | Secondary surface | Standard content |
block-2 | Accent blue | Featured content |
block-3 | Amber tint | Tips and notes |
block-4 | Green tint | Positive outcomes |
block-highlight | Accent primary | Highlight / pull-quote |
block-cta | Brand navy | Call to action |
block-alert | Danger red | Urgent notices |
Customising
:root[data-bs-theme='dark'] {{
--block-color-2: #1a5c3a;
--block-text-2: #c3e6cb;
}}
:root {{
--block-color-2: #d4edda;
--block-text-2: #155724;
}}Tip: A leading space in moduleclass_sfx appends to default classes. Without it, it replaces them.