Image with text
Image with text places media beside content blocks. Add a small detail image that overlaps the corner, choose the media width and position, and the order on mobile.
How to set it up
Step 1: Add the Image with text section
- In the theme editor, open the page you want and click Add section under Template.
- Search for Image with text and select it (1).
Step 2: Set the media and layout
- Choose an Image (1) or video and an optional Detail image, then the Media position, Media width and mobile order.
Step 3: Add content
- Add content blocks: subheading, heading, text, buttons, icons with text and more.
Settings reference
Image with text
| Media | |
|---|---|
| Image | An image from your files. |
| Mobile image | An image from your files. |
| Video | Replaces the image. |
| Detail image | Small image overlapping the corner. |
| Media ratio | Options: Adapt to image, Square (1:1), Portrait (4:5), Tall (3:4), Story (9:16), Landscape (4:3), Wide (16:9), Cinema (21:9). |
| Mobile media ratio | Options: Adapt to image, Square (1:1), Portrait (4:5), Tall (3:4), Story (9:16), Landscape (4:3), Wide (16:9), Cinema (21:9). |
| Fit | Options: Fill frame, Show whole image. |
| Parallax on scroll | Turns this on or off. |
| Layout | |
| Media position | Options: Left, Right. |
| Media width | Slider. |
| Vertical alignment | Options: Top, Center, Bottom. |
| Mobile order | Options: Media first, Content first. |
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.