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

VariableDefaultControls
--container-[pos]-bg-imagenoneImage URL
--container-[pos]-bg-colortransparentSolid colour
--container-[pos]-bg-attachmentfixedScroll behaviour
--container-[pos]-border-radius0Corner 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.