Add New Content Components

When adding new (non-element) sections to a page, make sure you are selecting the right button.

Add Content Block (and the items in that drop down menu), will add a section directly beneath the existing section in the same COLUMN.
Add Page Content Column (Advanced) will add another column to the same ROW. This is used often when you want to have multiple columns in the same row. For example, 3 columns each sized to 33% width.
Add Page Content Row (Advanced) will add another full content row to the page.

Make it easier to navigate pages when editing, by keeping unused rows collapsed. Use the Edit button to open a section for editing. Use the Collapse button, to close a section. Use the Edit All button to open all sections at one time. Use the Collapse All button to close all sections at one time. You MUST collapse all sections before saving a page.

Style Content Components

Within a Page Content Row (Advanced), you have many design choices to adjust the layout of the page. When changing background colors, make sure to adjust the text color if needed to ensure passable color contrast ratios. Also, make sure the background color you choose looks good with the rest of your page.

Change the Background Color of the Full Row

Update Column Styles within a Row

Column | Color and Background Settings

Add a background image to add interest or texture to a column.
Change the background color of the column.
Change the text color to contrast correctly with the background color.

Column | Padding and Border Settings

Add padding between the text and the margin of the column.
Add a border to any or all of the sides of the column.

Column | Offset and Width Settings

Offset Column | This pushes column towards the center of the page. Rarely used.
Change the width of your column so that you can fit multiple columns on a row. For example, 2 columns at 50% wide.

Choose column width percentage.

Return to Create a Modular Page Instructions