Fancy Container

Fancy Container groups child elements with layout and layered background controls. Use it for a content section or card that needs a styled container.

Add and configure Fancy Container

1. Click Add, choose Fancy Container, and place it in the container.
2. Add the content as children of Fancy Container.
3. Choose Design > Layout.
4. Configure Background, Container, Text Colors, and Spacing.
5. Save your changes.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Design > Layout

Setting	Purpose and options	Behavior
Layout	layout controls. When: Layout is set.	See linked controls

Design > Layout

Setting	Purpose and options	Behavior
Layout	layout controls. When: Layout is unset.	See linked controls

Design > Background

Setting	Purpose and options	Behavior
Background	background controls.	See linked controls

Design > Container

Setting	Purpose and options	Behavior
Width	Width.	Responsive
Height	Height.	Responsive
Padding	spacing controls.	See linked controls
Borders	borders controls.	See linked controls

Design > Text Colors

Shown when Text Colors is set.

Setting	Purpose and options	Behavior
Headings	Color or supported fill.	Shared
Text	Visible text.	Shared
Link	Destination and link options.	Hover
Brand	Color or supported fill.	Shared

Design > Spacing

Setting	Purpose and options	Behavior
Spacing	spacing controls.	See linked controls

Troubleshooting