Truly fine


Media with text section

Last update:

The media with text section is a flexible section that gives you the ability to display images along with a heading, description, button and a caption. Useful for creating call to action sections on your shop.

Section settings

Image: Set the image that will be displayed on the section. You can add up to three images, in which case their layout will automatically adjust to display them in a grid fashion.

Second image: The second image, optionally.

Third image: The third image, optionally.

Media placement: Choose whether you want the media or the text to be displayed first (Media first or Text first). It only applies to desktop.

Content alignment: Choose the alignment of the context (title, description, and button). Available settings are left, center, and right.


Container width: Select either “Wide” or “Full” for the section’s container width. Choosing “Wide” extends the section a few pixels beyond the page’s boundaries on the left and right, whereas “Full” expands the section to cover the entire width of the viewport. This setting is designed to work along with a color scheme that contrasts the base background (i.e. Accent colors or Background 2).


Color scheme: Select one of the predefined color schemes as defined in Theme settings > Colors. For more information regarding the color schemes please refer to our article about creating your own color scheme.

Section spacing

The section spacing settings gives you the option to adjust the top & bottom section spacing values. Please note: If you select a color scheme with a background color, these settings will affect the spacing between the top or bottom of the section and the content of the section.

Section blocks


Heading: Set a title for this section.

Sub-heading: The sub-heading for this section.

Heading size: Select the size of the heading (“Small”, “Normal”, “Large”, “Extra large”, and “Extra extra large”).


Content:  Set the description for this section.

Text size: Select the text size (“Small”, “Normal”, “Large”).


Button label:  Set the button label.

Button link: Set where should your button link to (page, collection, product, external link, etc).


Text:  Set the text for a discrete badge.

Can't find what you are looking for? Feel free to submit a request.