Using Section Layouts

To add section layouts to your page, navigate to your page and click "Edit". If you followed the tutorial "Creating a Basic page", we added a title background, title, body and button to this tutorial.

At the bottom of the page builder is the list of section layouts to choose from. I will add Accordion.

This is often used for FAQ, so the title is the question, and "content" is the answer.

To add another accordion item, click "add accordion item". and fill out the title and body for the next item.

I will add one more to make a total of 3. As we go through the layouts, you will see at the end of the tutorial how this will look on the front end of your page when you publish.

There is also a header and footer section. The header will display text that you enter above the accordion, while footer will be below.

You can add as many section layouts as you like. Next I will add cover.

I will delete the auto text and add in my own,

Since the cover is a "statement piece", I want to make the text large, so I went under "Styles" dropdown in the CKeditor and selected "Mega".

Choose a background color.

Click "Open File Browser" to add an image.

If you want to add a new image, click "Upload". Whatever images you upload will stay on IMCE file browser to re-use.

For this example, we will use one already on the file browser. Click "background".

I'm going to use this image already on the website.

Click "Select"

Side note: You may get errors when uploading new images to IMCE. In this example, my file size was too large. Your image must be under 1MB, or the specified amount dedicated for your site. Another error you may see is an image being too small. You will get an error message stating any details why an image can't be uploaded.

Once you upload your image, add alternate text if applicable.