You can create a huge range of page layouts by adding different Grid Containers to a page, and then editing their size, padding, background color, and content alignment.
Formatting the outer Grid Container
When you add a grid container, you can select various elements to support the overall design and usability. Clicking on the outer section of the grid, will allow you to adjust the following:
Background | Choose a color, or make the background transparent |
Size | We recommend only editing the maximum width (Max W) field as this is the most responsive format when people view your website on different device types or screen sizes.
|
Content alignment | This is a general setting for content in this container. You can set different alignments on specific elements within the container. |
Class names (CSS) | This is available for users taking advantage of the custom CSS options. |
Formatting the inner Grid Container
Clicking on the inner section of the grid container, will highlight the innermost section, allowing you to adjust the following:
Size |
|
Padding | You can create space within or around items using padding. The default for all grid containers is 10px padding within and a 10px margin around the outside |
Horizontal & vertical alignment | Choose the default alignment of the content within the grid. |
Background | Choose a color, or make the background transparent |
Rounded Corners | Adjust between 1-10 to increase the corner roundness |
Class names (CSS) | This is available for users taking advantage of the custom CSS options |