How to add sections of content to your Zoomforth sites
Media: video & written how-to articles • Start building • Under 10 minLearning 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.