Grid System

Advanced positioning and layout of post content is possible using shortcodes for the Athena Framework's grid system. Keep in mind that nested grids are not supported due to limitations with the WordPress Shortcode API.

Jump To Section:

• [container]
• [row]
• [col]
• Examples

---

[container]

Generates a container.

Attributes

Shortcode Attribute	Name	Description	Default Value
type	Container Type	Specify the type of container to use. Standard, fixed-width containers are used by default. Valid Options: container container-fluid	container is applied if no option is specified
class	CSS Classes	Separate each class with a single space. Refer to the Athena Framework documentation for available classes.	container or container-fluid is always applied, depending on the value of the "type" attribute
style	Inline Styles	Any additional styles for the element.

---

[row]

Generates a row.

Attributes

Shortcode Attribute	Name	Description	Default Value
no_gutters	Disable gutters	When enabled, the generated row's child columns will not have left- or right-hand gutters.	false
class	CSS Classes	Separate each class with a single space. Refer to the Athena Framework documentation for available classes.	row is always applied
style	Inline Styles	Any additional styles for the element.

---

[col]

Generates a column. Note that you must provide at least one column size attribute for the column to render correctly; the shortcode does not provide a default column size.

Attributes

Shortcode Attribute	Name	Description	Default Value
xs sm md lg xl	Column Sizes	The size of the column at the given breakpoint and up. Valid options: any number between 1-12 auto none
xs_offset sm_offset md_offset lg_offset xl_offset	Offsets	The offset of the column (number of grid columns to skip) at the given breakpoint and up.
xs_push sm_push md_push lg_push xl_push	Pushes	Pushes the column the specified number of column widths at the given breakpoint and up.
xs_pull sm_pull md_pull lg_pull xl_pull	Pulls	Pulls the column the specified number of column widths at the given breakpoint and up.
class	CSS Classes	Separate each class with a single space. Refer to the Athena Framework documentation for available classes.
style	Inline Styles	Any additional styles for the element.

Examples

TODO