A row consisting of up to 5 columns with many flexible options | |
Vertical align | Controls the vertical alignment of the content within the columns for each row. |
Custom column width | Controls how 3 or 5 columns appear when the browser is between 768-991px e.g. keeping all the columns next to each other, making the first column full width and columns 2 and 3 underneath etc. |
Column colour | Change the background colour of all the columns in the row. |
Column padding | Add padding within each column to ensure there is space all around to ensure text doesn't collide with the edge of the column. |
Border radius | Add rounded corners to the column edges (in pixels) |
Add new column (button) | Add up to 5 columns per row (see below for content grid options) |
Fit to window width | Extend this content to fill the width of the browser window. |
Content grid | |
+ tab | Create a new column within this row. |
Image | Inserts an image into this row |
Content | Useful for any type of content including text, images, embedded videos and shortcodes etc. |
Image position | Change the position of the image within this column. Used in conjunction with the Image field and Content fields above. You can easily move the image above or below the content, or indeed to the left or right of the content (useful for icons etc). |
Vertical alignment | Set the vertical alignment of this specific column. |
Align link to bottom* | Aligns the last paragraph to the bottom of the column. When this happens to be a link, this can make all columns in the row look neater and easier to find and click the link. Only works when Vertical align is set to Equal height |
* v22 of the theme and higher |
Content options | Tick to enable access to a variety of content options as below. |
Intro text | Content to appear above (or below) the primary content block. |
Primary font colour | Adjust the font colour on the front end. This option is useful for instance if you wanted white text as you wouldn't be able to see the text within the backend interface if you changed the font colour using the normal text colour button. Note: you can still change individual words using the normal font colour button in the toolbar if you so desire. |
Content inset | Adjust the content so it occupies less horizontal width. Useful to reduce long lines of text to make them more readable. |
Position | Select where to put the intro text - either above or below the primary content. |