Grid/ Layouts

Dark Theme

Turn the lights out with the new Dark Theme

Want to bring the Dark Theme to your site? Contact [e-mail]

How to Use Content Blocks

In the Content Page Editor you will find a number of widgets on the right hand side of the screen. These Widgets can be placed in the Main content area via drag and drop. 1. Drag a Content block from the widgets area to the main content area. 2. Click Edit in the top right hand corner of the Content Block. The Content Block Editor will open. 3. Click save when you are done. Don't forget to hit the green publish button to publish your changes.

How To Use Grids/Layouts

1. In the page editor click the Layout link in the top right hand corner of the screen. 2. The Layout Editor will open. From here you can choose the layout you want. Drag the Grid Widget you want from the right hand side of the screen to the Body Content Block. Example: 6+6 grid 3. After setting up your grid columns, you can add content to them in the Content Editor. Click the content link in the top right hand corner of the screen. 4. The Content Editor will open. From here you can drag Content Widgets into the Columns you made. Example:

Advanced Page Building with Utility Classes

Here is a list of available Bootstrap Utility Classes.

• For Spacing

• Colors

• Display

• Arrangement with Flex

Advanced Technique for Custom Layout using background utility classes

Ways to Achieve Spacing

Use returns in Content Blocks or fine tune spacing with Utility Classes

Spacing for Mobile Only

Use this method to achieve spacing only on mobile devices