About Template

The overall layout works similar to the Subpage Fullwidth sections. Sections will lazy load in as the user scrolls down the page. Text block will load first, then section image, then color blocks. The color blocks are hard coded in the template.

Top Area

The top/first area of the page uses 4 different areas:

  • Page Title - controls the page title
  • Content - controls the top text area
  • Header image - controls the top background image

Link list labeled "About Top Images" - used for the 2 images next to the text. The first image in the link list is labeled "Image" and displays next to the text.  The second image in the link list is labeled "Background" and is the far right background image. Only the name and image fields are used.

Sections

The layout has 9 available sections, and 7 are preset for you based on the design (About - Section 1-7). Within each section, the "content" field controls the text area, and the "background image" field controls the section image.

Section Categories

There are 8 different mobile background position categories that will control the display area of the section image on mobile.  These will work until desktop view, when they revert back to center center.

  • About - Mobile BG - Center Bottom
  • About - Mobile BG - Center Top
  • About - Mobile BG - Left Bottom
  • About - Mobile BG - Left Center
  • About - Mobile BG - Left Top
  • About - Mobile BG - Right Bottom
  • About - Mobile BG - Right Center
  • About - Mobile BG - Right Top