Image with text

Image with text

Image with text displays an image with accompanying text. List items can be added as blocks and will be shown with the text.

Section settings for image with text are listed in the table below.

SettingDescription
ImageAdd an image.
Desktop layoutSelect whether the image is shown first or second on desktop devices.
Mobile layoutSelect whether the image is shown first or second on mobile devices.
Image ratioSelect the image ratio.
HeadingAdd a heading.
Heading sizeSelect the heading size.
Subheading
Add a subheading
TextAdd text.
IconSelect the icon to be shown for list items.
Icon sizeSelect the icon size.
Button labelAdd a label for the button.
Button link
Add a link for the button.
Button style
Select the button style.
Desktop image widthSelect the image width on desktop devices.
Section width
Select the section width.
Color schemeSelect the color scheme for the section.
Section padding
Top paddingSelect the top padding for the section.
Bottom paddingSelect the bottom padding for the section.

    • Related Articles

    • Image banner

      Image banner displays a single image in a hero/banner layout with text overlay. The text overlay opacity can be adjusted through the section settings. A higher opacity will make the overlay darker, while a lower opacity will make the overlay more ...
    • Rich text

      Rich text allows you to display a text section. It can be used for a variety of purposes in your theme. Section settings for rich text are listed in the table below. Setting Description Heading Add a heading. Heading size Select the heading size. ...
    • Two column text

      Two column text displays text in a two column layout, with headings displayed in the left column and body text displayed in the right column. It can be used as an alternative to the rich text section. Section settings for two column text are listed ...
    • Gallery

      Gallery displays one or more images in a grid layout. Images are added as blocks. Section settings for the gallery are listed in the table below. Setting Description Heading Add a heading. Heading size Select the heading size. Subheading Add a ...
    • Multicolumn

      Multicolumn displays columns containing both images and text in a multiple column layout. Columns are added as blocks. Each column can contain an image, heading and text. Section settings for multicolumn are listed in the table below. Setting ...