How to add sections of content to your Zoomforth sites

Learning objective

By the end of this session, you will be able to:

• Add new sections of content to your sites and templates
• Hide and remove sections

Video tutorial

Video transcript

In this video, we will review sections - what they are and how they impact the main body of your site.

Understanding sections

Sections allow you to organize content or display content in different formats. When you hover over content on your site, a box bordered in blue will highlight the section. Select it, and the left-hand editing panel will tell you the type of section being used.

In this case, it is a grid section. You will notice that most sites and templates use this section because it is the most flexible. We discuss grid sections in more detail in a separate video.

Section edits include full bleed, which spans out the content in the section across the width of the site. This is frequently used with images to create separation or contrast between sections.

Hide sections

Use this option when a section becomes obsolete or because the section is currently being updated while the site is live. When you initiate this, a red box will appear around the section letting you know it is hidden from the preview or published version.

Margins and padding

Here, you have the tools to add margin and padding to your section. The most commonly used is padding. Once selected you’ll notice it removes the padding or space on top of the existing section. You can also alter the spacing values right next to it.

Background

This is where you can edit the background color and add an image or a looping video to the section.

Duplicate

Select the duplicate button to create a copy of the section. The replicated section is below and allows you to update the content on this duplicated version without affecting the original section. It’s also easy to move sections above or below using these arrows. If you no longer need the section, simply click on the garbage can on the right side of the section border to delete it.

So now you know what a section is, check the video series to learn more about editing sections or creating a section from scratch.