Add Columns

View a PDF for actual theme settings for the columns shown here. Please note: (Some settings may have changed with recent updates).

Content for Column One

Nulla nulla lorem, volutpat sagittis viverra eu, dignissim vel justo. Praesent mollis eu sem in dictum. Mauris aliquet vestibulum pretium. Phasellus rutrum ipsum nec magna lacinia, pellentesque convallis metus pharetra

Content for Column Two

Nulla nulla lorem, volutpat sagittis viverra eu, dignissim vel justo. Praesent mollis eu sem in dictum. Mauris aliquet vestibulum pretium. Phasellus rutrum ipsum nec magna lacinia, pellentesque convallis metus pharetra

Content for Column Three

Nulla nulla lorem, volutpat sagittis viverra eu, dignissim vel justo. Praesent mollis eu sem in dictum. Mauris aliquet vestibulum pretium. Phasellus rutrum ipsum nec magna lacinia, pellentesque convallis metus pharetra

  1. Select the Additional Options tab.
  2. Select Yes to add options.
  3. Select the Add Columns checkbox.
  4. Select Yes to add columns.
  5. Select how you want to align the columns: Top, Center, or Bottom.
  6. Select whether to use centered column or full width. The full width will extend the full width of the page.
  7. Select whether to add a background color to the column wrapper.
  8. Set the top and bottom margin for the column wrapper.
  9. Set the spacing between the columns.
  10. You will need to add 2 columns minimum, maximum of 5 columns per row.
  11. Give the column a title.
  12. Add content for the column.
  13. Select the flex width in percentages. It is using CSS flex for the layout. Each column can have different widths as long as the total of all columns equals 100%.
  14. Select to use a background color the individual column. Each column can have its own background color. Color transparency is allowed.
  15. Select to use a font awesome icon or image for the individual column.
    1. If using an icon, type in the font awesome shortcode. Only use the name, not the full HTML.
    2. If using an icon, select the color. Color transparency is allowed.
    3. If using an icon, select the size for the individual column icon.
    4. If using an image, upload the image to be used.
  16. If desired, you add content after the columns. It is basically a second WordPress WYSIWYG editor.
  17. Set the top and bottom padding for the content after the columns.