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:
|
| Width | Customize the size of this block. |
| Content alignment | 3 options for the content alignment:
|
| 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:
|
| 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
|
| 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 |
No comments yet