Content and Media

Layout Options

  • The Content & Media component has five layout options:
    • Media on Right
    • Media on Left
    • Full Width Image Above Content (PRO, PREM)
    • Hero Image Only (no title or button) (PRO, PREM)
    • Divider (PRO, PREM)
  • Text in the description box can be formatted as needed. Italics, bold, etc., using headers, lists, and links.
  • Media can be an image or video (PRO, PREM) and there can be multiple, in which case select Show Carousel (PRO, PREM) checkbox to add multiple. Be sure to show arrows or dots and format so they are visible based on images used.
  • Media can be Square or Rectangle (PRO, PREM)
  • Additional style option to “break the plan” using Layered toggle (PREM) can be used on the Image Right/Left options.
  • Add a button to the component to link to another page on the site or external to the site.
  • Background Color of this component can be adjusted below.

Content & Media – Media Right Rectangle with Background Image

This also displays option with carousel of images on the right

Content & Media – Image on Right Rectangle

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Content & Media – Image Left Square

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Content & Media – Video on Right Square

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
  2. labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
    • laboris nisi ut aliquip ex ea commodo
    • consequat. Duis aute irure dolor in reprehenderit in

Content & Media – Media on Left Square Video

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit,
  • sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    • quis nostrud exercitation ullamco laboris
    • nisi ut aliquip ex ea commodo consequat. Duis aute

Content & Media – Layered Image Right

Image extends above and below the margins using the Layered image toggle.

Full Width Image Above Content

Description box for Full Width Image Above Content layout.

Hero Image Only Layout Below

Home (Optional Button)

Divider Full Width

Divider Full Fixed