Media With Text

Media with text combines image media with heading, text, and button blocks.

Configure Media With Text

1. Add Media with text.
2. Choose full-width or contained layout.
3. Choose desktop layout.
4. Set content alignment and position.
5. Add image, heading, text, and button blocks.
6. Adjust spacing.
7. Save.

Use this section for storytelling, product highlights, materials, services, or brand content.

Section Settings

• Enable full width: Makes the section use the full available width. Use this for larger editorial layouts; leave it off for a contained content block.
• Layout on desktop: Controls whether the image appears on the left or right of the text. Alternate this setting between repeated sections to create rhythm down the page.
• Content alignment: Aligns the heading, text, and button within the content column.
• Content position: Positions the content vertically relative to the media. Use center for balanced layouts, or top when the copy should begin near the top of the image.
• Color scheme: Sets the background and text colors.

Spacing is controlled using the shared padding settings. See Section Spacing and Padding.

Blocks

• Image: Adds the media image. The media crop setting controls how the image is cropped inside its area.
• Heading: Adds a heading and heading tag. Use this for the main message of the section.
• Text: Adds rich text content. Use this for supporting copy.
• Button: Adds a call-to-action button. Add both button text and a link to display a useful action.

Tips

• Use one strong image and concise copy.
• Choose square crop when you want a consistent editorial layout.
• Use Adapt when preserving the original image ratio matters.