Frequently Asked Questions

Sections management - Page Layouts

Last Updated 10 months ago

Covered in this Article

  1. Adding a section
  2. Deleting a section
  3. Section Settings
  4. Saved sections
  5. Duplicating sections
  6. Header Layout
  7. Footer Layout

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

Sections help you create different page layouts and make it incredibly flexible to get the page design you want.

This help video shows you how to:

  1. create sections within your page.
  2. change the layout of an already created section - Experimenting with change layouts once you have placed content in helps better visualise what type of section works best for you.


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.

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!
Heading colour Heading colour overrides any style settings set at the styles section of your site that use a heading. Usually only used when you set a background image or colour when the default site
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
Link colour Link 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.
100% Height This allows you to make a section take up 100% of the screen size of the device a user is viewing the page. It is very useful where the contents of that section are important to be seen all at once without needing to worry about how you'll fit everything in.
Anchor Point This allows you to create a linkage directly to this section on the page. To learn more about using anchors click here.

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.