Websites > 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 - 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 displays to the left and the content in the right column.  The section container and parallax options should not be used with this option. See 50/50 setup details here.
• 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. See 50/50 setup details here.
  
• Section Background Parallax - This option adds parallax animation to the section background image
• Section Bottom White - This option adds a white bottom to the section and is typically used with the Section Dark option and a monklet like the events monklet.  
• 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 light gray 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 blue screen effect with the background image.
• Section Short Padding - Uses a shorter vertical padding in the section.

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.