Every auto-grid and sidebar position has its own container background CSS variables for background images, colours, and gradients.
Available Positions
below-topbar, top-a, top-b, sidebar-left, sidebar-right, bottom-a, bottom-b
Variable Pattern
| Variable | Default | Controls |
|---|---|---|
--container-[pos]-bg-image | none | Image URL |
--container-[pos]-bg-color | transparent | Solid colour |
--container-[pos]-bg-attachment | fixed | Scroll behaviour |
--container-[pos]-border-radius | 0 | Corner rounding |
:root {{
--container-top-a-bg-color: #0b1030;
--container-bottom-a-bg-image: url('/images/bg.jpg');
}}Tip: Container backgrounds sit behind all modules in the position.