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,736px 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 section content in a full width container
• Container - Narrow - Displays section content in a narrow container
• Section 50/50 - Image Left - This option splits the section to show the Section Background Image 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 splits the section to show the Section Background Image 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 No Cover Left - Displays the background image in its natural size to the left. This is used with the homepage sermon section.
• Section Background No Cover Left Bottom - Displays the background image in its natural size to the left bottom.
• Section Background No Cover Right - Displays the background image in its natural size to the right.   
• Section Background No Cover Right Bottom - Displays the background image in its natural size to the right bottom. This is used in the homepage ministries section.
• 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 light gray background
• Section Overlay - This option displays the site dark 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.