Columns
Columns are based on a 12 column grid. This means you can give your columns any width you want from 1/12th to full width, in any order you’d like! Check a more detailed explanation at the bottom.
There’s also a shortcode available for columns inside columns! This allows for even more freedom for the more complex content structures. Instead of using the ‘column’ shortcode, use the ‘innercolumn’ instead. Other then that, it works exactly the same. Keep in mind that the column you place the innercolumn in contains 12 columns again. It’s all in the details 😉
Examples
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel purus sed augue lobortis ullamcorper. Nam risus lectus, eleifend lacinia luctus vitae, consequat ac risus. Praesent euismod lobortis tortor, at lobortis arcu tempus in. Nam in tincidunt mauris.
Shortcode: [column] The content of the column [/column]
Creates a column of content
Required Parameters
-
first ( default: false )
Must be set to true if this is the first column in the row
Possible Values:- true
- false ( default )
-
last ( default: false )
Must be set to true if this is the last column in the row
Possible Values:- true
- false ( default )
Optional Parameters
-
size ( default: 6 )
The space the column should span across. The total size of the columns in a row must add up to 12. You can have two 6 column or three 4 sized columns. You can also have a 10 sized and a 2 sized for example.
Possible Values:- 1 - 12 - Remember to make all columns in a row add up to 12
-
align ( default: left )
Specify the alignment of the text inside a column
Possible Values:- left ( default )
- right
- center
