Theme block - Text

You can customize the text alignment, font preset, color, and spacing to match your store’s design. The block inherits global typography and styling settings defined in the theme, ensuring visual consistency across your storefront.

Use the Text theme block to clearly convey information in a clean and flexible format.

General settings

Setting	Description
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.
Content alignment	3 options for the content alignment: Left Center Right
Padding inline	Setting left and right spacing for the text content. * Note: Padding inline is automatically optimized for mobile.
Padding block	Setting top and bottom spacing for the text content. * Note: Padding block is automatically optimized for mobile.

Block settings

Heading, Subheading, Description

Setting	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

Setting	Description
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

Grid info

Setting	Description
Heading	Define the heading of the block
Description	Define the description of the block

Highlight text

Setting	Description
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

Icon

Setting	Description
Image	Select your desired image to display.
Width	Setting icon/image's width.
Svg icon	You can use one of our svg icons instead.
Link	Specifies the destination URL or page that the icon will navigate to when clicked.
Open link in new tab	Open the link in a new browser tab
Mobile settings - Width	Controls the width of the element when viewed on mobile devices.

Social icons

Setting	Description
Spacing bottom	Spacing between the icon block and the next component