Content > Sections

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

• 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 2,400px.

• Container - Full Width - Displays the section in a full width container
• Container - Narrow - Displays section content in a narrow container
• Section 50/50 - Image Left - This option removes the normal container and displays at full width.  The Section Background Image or Video displays to the left and the content in the right column.  The section container and parallax options should not be used with this option.
• Section 50/50 - Image Right - This option removes the normal container and displays at full width.  The Section Background Image or Video displays to the right and the content in the left column.  The section container and parallax options should not be used with this option.
• Section 50/50 - Offset - Requires "Section 50/50 - Image Left" or "Section 50/50 - Image Right" and offsets the image with the content background to create the home page design features of the 2 column section options.
  
• Section Background Parallax - This option adds parallax animation to the section background image
• 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 displays the content with a white background
• Section Overlay - This option displays the site dark overlay on top of the background image with an opacity. 
• Section Overlay Color - This option displays the site green overlay on top of the background image with an opacity.

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. 

The "Section 50/50 - Offset" category can be used in conjunction with the "Section 50/50 - Image Left" or "Section 50/50 - Image Right" categories. This additional option will offset the image with the content background to create the home page design features of the 2 column section options.