Subpage Sections

Overview

Your Subpage templates allow up to 7 fullwidth sections and 5 sidebar sections (sidebar sections only display on the subpage default template). Each section can contain text, images, etc., and then added to a page under the "Sections" area of your page settings.

Managing Sections

Go to Content > Sections

Section Fields

Within the sections module, the following fields are used:

  • Content - This is the main content block and supports the content/styles of the page content.
  • Background Color - This color allows you to set the background color of the section and should be a html hex value.  A good reference is http://www.w3schools.com/tags/ref_colorpicker.asp.
  • Background Image - This serves as the section background image.  This image should be 1,400px in width by the desired height.  The height will depend on the amount of content in the section.  A recommended height would be between 600px and 1,200px (double for retina).
  • Dark Background - Selecting this checkbox displays the content in white color on top of the site default section background color or dark background image.  
  • Parallax Background - This option turns the Background Image into a parallax background.

Note - Angles are added to the first light section that does not contain a background image if the previous section is dark and has a background image.  The goal of this theme's full width sections is to offer alternating dark/light sections with the unique angle design.  If multiple dark backgrounds with background images are added together the angle will not be added until the first light background section.

50/50 Text & Image Sections

To use this side by side text/image setup, you'll need to make sure that one of these categories are assigned to your section, which determines if the image displays on the left or right side.

  • Section 50/50 - Image Left
  • Section 50/50 - Image Right

From there, the content is managed in the section content field and the image should be loaded into the section "background image" field.

Note - only the content and background image section fields are supported with the 50/50 setup.