Subpage Sections

Overview

Your Subpage templates allows up to 9 content sections and 7 sidebar sections (sidebar sections only display on the sidebar template). Each section can contain text, images, etc.

Content > Sections

  • 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 2,732px in width by the desired height.  The height will depend on the amount of content in the section.  A recommended height would be between 1,200px and 1,600px.
  • Content After - this is a wysiwyg section that displays under the main section content and will always display with the light gray background.  Applies only to full width sections.

Section Categories

  • Container - Narrow - Displays the container at a width smaller than the site default container.  Applies only to full width sections.
  • Section Background Parallax - This option turns the Background Image into a parallax background.  Applies only to full width sections.
  • Section Dark - This option displays the content in white color on top of the site default section background color or dark background image.
  • Section Light - This option adds a light background to the section. 
  • Section Overlay - This options displays the site dark overlay on top of the background image with an opacity.
  • Section Overlay Color - This options displays the site colored overlay on top of the background image with an opacity.
  • Section 50/50 - Image Left - This option removes the normal container and displays at full width.  The Section Background Image displays to the left and the content in the right column.  The section container and parallax options should not be used with this option.   Applies only to full width sections.
  • Section 50/50 - Image Right - This option removes the normal container and displays at full width.  The Section Background Image displays to the right and the content in the left column.  The section container and parallax options should not be used with this option.  Applies only to full width sections.
  • Sidebar Header - displays a header image above the text in the sidebar section.  This is used for instances where you would like the sidebar image flush against the sidebar, but add a background color and the content has padding.