A 2-column layout component contained within the width of the page's content region.
Working with This Component
General
Optional text that include a row of full width text above the 50/50 content.
- Title, Description, full width text placed above the 50/50 content
- Link, Buttons placed below the 50/50 content
Left & Right Columns
Manage the content within the left or right portion of the 50/50 section of a component.
The following components can be placed in either column:
- Content Component
- Image Component
- Video Component
- Views reference
- Text
Selecting a component for each column
The 50/50 sample at the top of this page uses Image (left) and Content (right) components. See below how they were set up:
Image Component
Content Component
The process is very similar for the other available options.
Design - Introduced September 2025
The design tab allows you to invert the stacking order of the left and right columns when they are collapsed into a single column when viewed on devices with small screens.
This is particularly helpful when you want to use an image on the right column but would like it to be displayed first when stacked. This greatly helps with designs that combine multiple 50-50 components alternating patterns of images placed on the left or right column.
Background
Set background color, image and text color options.
