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.
Click the Image with text section to open the section settings. These settings determine the look and layout of this section.
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.
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.
Click Select Image to assign an image to the block.
Select an option for Image cropping.
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.
When viewed on a mobile device, regardless of your 'first image position', the image and text will stack vertically with the image showing first.