Frequently Asked Questions

Sections management - Page Layouts

Last Updated 7 months ago

This help page takes you through how to create and setup your page layout, giving you full flexibility to create the page and site you want.


Adding a section

This help video shows you how to create sections within your page. Sections are what create your different page layouts and make it incredibly flexible to get the page design you want.


Deleting a section

To delete a section:

  1. Hover over the section and look for these icons at the bottom of the section
    image
  2. Click on the X icon
  3. It will give you a warning to confirm deleting. Click 'Ok' to confirm or Cancel if you change your mind.
  4. Once a section has been deleted it cannot be retrieved.

Changing a section layout

This help video below shows you how to change your sections to different layouts.

It is often helpful to change layouts once you have placed content in, to see what works best for you. A great example of this is at the end of the video where 2 columns still works well, but adding a 3rd column with so much content will not look nice within the layout of the page.


Section Settings

Section settings are a part of the content sections (not the header or footer). These help provide the ability to change the design of each section.

Editing section settings

You can edit a sections settings at any time by clicking the coloured wheel icon as highlighted below, updating any settings and saving your changes.

image

Top spacing this controls the padding at the top of your section. Sizing is set to a 'grid', so that no matter what setting you choose, your page will have spacing that matches and keeps your design looking professional and sharp!
Bottom spacing this controls the padding at the bottom of your section. Sizing is set to a 'grid', so that no matter what setting you choose, your page will have spacing that matches and keeps your design looking professional and sharp!
Text colour Text colour overrides any style settings set at the Styles section of your site. Usually only used when you set a background image or colour when the default site
Background colour Background colour sets a background colour over the entire section, but behind any text or elements placed into the section.
Background image A background image sets a background image over the entire section, but behind any text or elements placed into the section. The image fits the width of the section, and will be cropped top and bottom of taller.
Background image overlay The background overlay sets a colour and allows you to control the opacity of that colour. The purpose of this setting is where an image is quite busy and interferes with reading/viewing the content within the section. Setting an overlay helps improve readability.

Saved sections

Saved sections are sections that can be saved to your sections panel and be reused across the site. A saved section can only be used once on a page. Due to this, once a saved section has been used on a page, it will no longer appear in the sections panel while viewing that page. If you need to have another section matching that, you can use 'duplicate sections'.

Saved sections are connected to each other. If you make a change to one saved section, it changes that same section everywhere in the site it is used.

This help video shows you how to create and use saved sections:

When deleting a saved section from the saved sections panel, each section remains in each page, but will no longer be connected.

Duplicating sections

Being able to duplicate sections saves time when you want to create another section on your page that is the same or very similar to another section.

When duplicating a section, it creates a copy of the section and the element within the section. What you have just duplicated/copied becomes independent and you can edit without affecting the original section. Duplicate section allows you to duplicate a section on an individual page as many times as you want, as opposed to saved sections which can only be used once on a page.

This help video shows you how to duplicate sections within a page:


Header Layout

To learn about changing header layouts click here.


Footer Layout

To learn about working with footers click here.