About Template

The overall layout works similar to the ministry template default 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:

  • 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

White Text Box

There are 3 category options to convert the content for the section into the white boxes above the section background.

  • About - Content Box Center
  • About - Content Box Left
  • About - Content Box Right

Mobile Background Image Position

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

Gray Background

The category "About - Light Background" is used to assign the light gray background color to the section.

Button Sections

There are two monklets that display buttons in row of two.  These use the link list module and require the "find" inline parameter to define which link list to use.

ex: {{section-monklet-button-links-border|find="about-learn-more"}}  

Solid Buttons

Section Monklet - Button Links - Uses the "About Join Us" link list. Within each link list item, only the name and link fields are used. The name will show as the button text.

Border Buttons

Section Monklet - Button Links Border - Uses the "About Learn More" link list. Within each link list item, only the name and link fields are used. The name will show as the button text.