Content Container
A content block that is used to set a background color behind the Page Components inside it. This layout can only be created inside other layouts and fills the width of the containing layout column.
Dark Teal Content Container with some text and a button
Green Content Container with some text and a button
Settings
Content Container has the following settings:
- Hide - hides the whole Content Container together with the page components inside.
- Alternative Heading Color - changes the heading colors inside the Section Layout to an accessible alternative color.
- Section Background Color - sets the Content Container color to be shown on the page.
Alternative Heading Color
Toggling this setting will change the color of all the headings inside the Content Container to an accessible alternative color. Examples below showcase different heading colors inside different color Content Containers with Alternative Heading Color setting enabled.
Standard Heading Color
Alternative Heading Color
Standard Heading Color
Alternative Heading Color
Standard Heading Color
Alternative Heading Color
Standard Heading Color
Alternative Heading Color
Standard Heading Color
Alternative Heading Color
Standard Heading Color
Alternative Heading Color
Standard Heading Color
Alternative Heading Color
Standard Heading Color
! No Paragraph Text Should be Placed Inside the Teal Content Container - only Headings !
Alternative Heading Color
! No Paragraph Text Should be Placed Inside the Teal Content Container - only Headings !
Section Background Color
Sets the Content Container color to be shown on the page.
White Content Container
Gray Content Container
Dark Teal Content Container
Bright Teal Content Container
Green Content Container
Yellow Content Container
Blue Content Container
Teal Content Container
! No Paragraph Text Should be Placed Inside the Teal Content Container - only Headings !
Previous section:
Section Layout with Background Image
Next section: