Editor Tools

Layouts

To create sidebars and multiple column layouts, look for the gear icon in the CKEditor toolbar. Here are a few examples

Right sidebar

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is content in the right sidebar.

Three column

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 

Alert

Look for the Triangle with an exclamation mark icon in the CKeditor toolbar.

Example Primary alert with no icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Cards

Use the Card button in the CKeditor toolbar to create white boxes with a black border. They will extend full width, use this with your layout.

Example Card

Here is the body text of a standard card

Go somewhere

Pullquote 

Look for the Quote icon in the CKeditor toolbar.

This is a pullquote example