Websites > Sections

Your Subpage templates allow up to 9 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.

• 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.  
• Large Padding - increases the top/bottom padding for the section
• Narrow Container - Displays section content in a narrow column
• Parallax Background - This option adds parallax animation to the section background image.

• Section Overlay - This option displays the site dark 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.
• 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.

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.