Theme block - Media with text
The Media with text block displays an image or video alongside a text area, allowing you to combine visuals with messaging in a flexible layout. This block is ideal for highlighting product features, sharing brand stories, or drawing attention to special offers.
General settings
Color scheme
Select colors from Theme settings -> Colors
Vertical alignment
3 options for the content alignment
Top
Middle
Bottom
Width
Customize the size of this block
Image
Upload desired image to display on desktop
Mobile image
Upload desired image to display on mobile
Video
Upload desired video to display instead * Note: Overrides the image setting.
Content position
Adjust the content position:
Overlay image
Below image
Content alignment
3 options for the content alignment
Left
Center
Right
Overlay opacity
Adjust the visibility of the image.
Desktop content position
Adjust the content position on desktop. * Note: Position is automatically optimized for mobile.
Block settings
Heading, Subheading, Description
Heading, Subheading, Description
Custom title block
Width
The width of text block:
Fit: adapts to the text length.
Fill: stretches across the container width.
Typography - Preset
Choose a preset style (font, size, weight) from Theme settings → Typography.
Background
Toggle ON to enable a background area behind the text.
Background color
Select the color for the text background. * Note: Only appears when Background is enabled
Corner radius
Adjust the roundness of the background corners * Note: Only appears when Background is enabled
Padding top/bottom
Adjust these values to control the amount of space between the section’s content and its outer edges.
Button
Button label
Customize button name, or leave it empty to hide the button
Button link
The link URL you want to add
Type
The style of the button
Primary
Outline
Link
Open link in new tab
Open the link in a new browser tab
Spacing bottom
Spacing between the button and the next component
Highlight text
Subheading
Custom title block
Size
The size of highlighted content
Select icon
Choose the icon to show along with the highlighted content
Background color
Setting the background color
Text color
Setting the content color
Uppercase
Uppercasing the highlighted content
Spacing bottom
Spacing between the highlighted content and the next component
Last updated