The purpose for the Jumbotron row is to create page titles and callout areas.

Row Heights:

• Set row height to “Auto” For page titles or areas where the content should dictate the height of the row. Don’t use this in conjunction with a video background as it will be too short
• Set row height to “Medium – 50%” – Good for featuring gift cards or promos. This helps break the page up and create separation between content and calls to action. Works well in situations when a slideshow is not needed in the homepage hero.
• Set row height to “Tall – 85%” – Large CTAs with video backgrounds

DO use “Text Area Width” to keep the line length from reading too long. Be sensible about this, 50% or 75% should be good in most cases.

Percentages in heights are relative to viewport height. So Medium – 50% is half of the height of the browser viewport area.

For sites that have more than 3-5 activities:

DO use Activity Grid to display activities.

DO use “Learn More” buttons by default. We should always funnel users to the activity details page.

DO have the “summary” field filled out for each activity. This is the description that appears for every activity. This should be brief, yet descriptive. Be mindful of overusing bulleted lists and custom text formating.

DO use Featured Activity row to display an activity or multiple activities more prominently.
When using a Featured Activity row, make sure to remove the activity from the Activity Grid.

DO NOT build custom activity blocks just to create a different look. When you do this, we lose the ability to make future updates & improvements to the theme. Instead, choose one of the preset styles under “Appearance > Look & Feel > Styles > Single Activity Block Style“

Single Activity Block Style – Card

Single Activity Block Style – Plain

Single Activity Block Style – Plain Squished

If the site has 3 or less activities OR you would like to display a more prominent activity, use Featured Activity row.

DO use “Learn More” buttons by default. We should always funnel users to the activity details page.

DO “Flip” the activity row under “Options” when using multiple featured activities one below the other. This creates a nice Zig-Zag effect. and helps differentiate each activity.

DO NOT build custom activity blocks just to create a different look. When you do this, we lose the ability to make future updates & improvements to the theme. Instead, choose one of the preset styles under “Appearance > Look & Feel > Styles > Single Activity Block Style“

All checkboxes/toggles have been removed from image buttons. Just insert the content and select a background image.

DO choose one of the preset styles under “Appearance > Look & Feel > Styles > Single Activity Block Style“

All of the stylisticly related toggles now live under “Appearance > Look & Feel > Styles“

Use this area to decide how you want the Activity Blocks, Featured Activities, and Image Buttons to appear.

Corner Rounding

This controls the corner rounding on all elements throughout the site. Buttons, Activity Blocks, Sidebars, etc.

Custom Backgrounds area has been revamped. Most toggles have been removed.

By default, when you add a background image to a row or column, it will automatically receive a dark overlay on top. You can control the overlay intensity using the Background Overlay Intensity select menu.

Choose from 4 options: No Overlay, Mild, Default, and Intense for varying degrees of intensity.

Subsequently, use “Wants light overlay on background image” to change the color of the overlay from black to white. This is a good option to use when the overall look of the site is light colors.