Frequently Asked Questions
Sections management - Page Layouts
Covered in this Article
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:
- create sections within your page.
- 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:
- Hover over the section and look for these icons at the bottom of the section
- Click on the X icon
- It will give you a warning to confirm deleting. Click 'Ok' to confirm or Cancel if you change your mind.
- 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.
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'.
This help video shows you how to create and use saved sections:
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.
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.