Turbo includes the highly configurable Image with Text section to enhance pages. This section is ideal if you want to showcase images. Whether these images are product-related, brand-related, or lifestyle shots, this section pairs images with messaging and a call-to-action button.
Add this section to the
Section Settings
Click the Image with text section to open its general settings.
Wide display
Enable Wide display for the section to span the full width of the window. Otherwise, the section will be limited by a horizontal container.
Images per row
Here you can choose how many 'Image with text' blocks you'd like to show per row. Choose from 1 or 2.
Text alignment
Here you can choose the alignment of your text and button: Left, Center, or Right.
First image position
This setting allows you to choose whether your first content block's image shows up on the Left or Right. The following content blocks that you add will then alternate so they appear staggered.
Content Block Settings
Click one of the preloaded blocks to open that block's settings. Blocks are configured individually. Their order can be adjusted by dragging them with the cursor.
Image
Click Select Image to assign an image to the block.
Image cropping
Select an option for Image cropping.
Text and button
Add a Heading, Text, Button label, and Button link using the provided fields.
Customize the block's Text and Background colors by adding a hex code to the field or with the rounded-square swatches.
Mobile Layout
When viewed on a mobile device, regardless of your 'first image position', the image and text will stack vertically with the image showing first.