Skip to content

Rows & Columns

Shortcodes for rows and columns allow you to organize and design almost any page layout.

Theme documentation

Shortcode


[row]
[col class="col-sm"]
shortcode or content here
[/col]
[col class="col-sm"]
shortcode or content here
[/col]
[col class="col-sm"]
shortcode or content here
[/col]
[/row]

 

Attributes for row

  • class: any Bootstrap class (Default: row)
  • height: equal: sets all columns to equal height (Default: none)
  • width: full-width: sets the container to full-widt (edge-to-edge) (Default: none)
  • background: Sets background color. Options: gold, purple, gray (grey also works), none. Also sets <h*> and color. (Default: none)
  • image: Sets background image. Recommended size is 1920px x 1280px. Use background color option to change text color. (Default: none)

Columns

Custom columns can be configured by referencing Bootstrap grid classes. For advanced layouts, reach out to the comms team for support.