Text With Media

This component pairs text with a photo or video. It can be used to create alternating rows content, or it can be placed in a grid to create columns.

Pre-Heading Text: A small line of text above the heading, if you want to put an mbg logo here, you need to add asteriks around the highlighted part. For example: mbgclasses

Pre-Heading Style: Choose mbg logo font, small caps (standard mindbodygreen.com style) or large lower case (supplements style)

Pre-Heading Logo: If it's a sponsored/partner page, this is where you put the partner logo.

Heading: This is the heading of the section.

Subheading: This goes below the heading.

Body Text: If you bold text in this section, it will be highlighted in the color of the page highlight.

Button: You can add an optional button here.

Signup Form: If you add a signup form with only one field, it will appear in the place of a CTA button as a single inline unit.

Media: Add an image or a video here.

Media Position: If multiple Text With Media components added together on a page, choose alternating rows of "Left" and "Right" positions. However, if the components are in a grid, then choose either "Media Above Text", "Media Below Text", or "Media Below Headline", and use the same for all items.

Background Color: If not in a grid, use alternating background colors. If in a grid, use the same background color.

Background Image: Replaces the background color. If the image is dark, set the background color to Black. If the image is light, set the background color to White. This will control the text color.

Navigation Anchor: This allows a nav bar or button to scroll to this section.