Photo And Text
- Blocks
- Section
- Buttons
- Counters
- Blocks
- Comparison Table
- Columns
- Breadcrumbs
- Call To Action
- Landing Page
- Tabs
- YouTube
- FAQ
- Grid
- Hero
- Media Callout
- Voronoi
- Site Preview
- Jump Nav
- Jump Link
- Link-in-Bio
- Logos
- Map
- Media and Text
- Photo Feature
- Posts
- Price List
- Quote Blocks
- Quotes
- Slider
- Structured List
- Socials
- Timeline
- Yearbook
- Vignette
- Video Gallery
- Home ›
- Blocks ›
- Media and Text ›
- Photo And Text
Photo And Text
Display a photo using the Columns format.
Usage
The Photo and Text block is a parent container that uses the Columns UX pattern. The rightmost child block works the same as the Columns child blocks, but the leftmost block is a simple image field.
To access the parent level controls listed on this page, make sure you have the parent block selected. If you need help selected the parent block, we’ve got you covered.
Choosing a Photo
Simply click the photo on the left to select one from your media library.
Swap Blocks
Change the order of the blocks on desktop.
The Swap Blocks setting is used to change the order of the blocks on desktop and not on mobile.
This is an important distinction and can be used to control the flow of your website on mobile, giving your users the best mobile experience possible.
Even if Swap Blocks is enabled, displaying your media on the righthand side on desktop, the media block will still appear above your content on mobile.
Example mobile stacking.
The same blocks viewed on desktop. In this example, the second Blocks group has Swap Blocks enabled.