Text block (Product features)

Setting

Description

Block width

Adjust the text block width on desktop using the slider.

Block width mobile

Choose the width of the text block on mobile devices:

Full (100%)
Half 50%)

Setting	Description
Text	Enter your text in this field. From the top menu, you can customize the text style (paragraph or heading levels Hero, H1–H6) and formatting options such as bold, italic, or links. You can also use the Dynamic Source button to insert dynamic content.

Typography

Default style

Setting	Description
Preset	Default: This style allows you to adjust text within the rich text field and hides all other preset-related options.
Bottom space	The Bottom space option appears when you add text. It allows you to adjust the spacing between the text and the button below it.
Bottom space mobile	This option lets you adjust the spacing between the text and the button specifically for mobile devices.

Heading, subheading, caption, and paragraph style

Setting	Description
Preset	In Theme Settings → Typography → Fonts, you can set font settings for Heading, Caption, and Paragraph. Choose which style to apply in this block. Hero, H1-H6: This style allows you to select a heading level from Hero, H1 to H6 and customize it using the options below. Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text. Caption: This style is used for short supporting text, such as labels or annotations. Paragraph: This style is used for standard body text.
Font	In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to choose which font style is applied. Heading Body Accent
Color	Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme. Heading Text Accent
Text style	Choose text style for preset: Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin. Uppercase: ALL LETTERS ARE CAPITALS Lowercase: all letters are small
Bottom space	The Bottom space option appears when you add text. It allows you to adjust the spacing between the text and the button below it.
Bottom space mobile	This option lets you adjust the spacing between the text and the button specifically for mobile devices.

Setting	Description
Button label	Add a label to your button to make it visible. This text shows the button’s purpose or the action it performs. Without a label, the button will be hidden from users.
Button link	To set a button link, you can enter the link URL directly into the “Button link” field or select a page from the dropdown list of options that appears when you click on the field.
Button style	Choose the button’s appearance: Primary: The main button style. It uses the primary color from your color scheme. You can choose to fill it with the background color or display it as an outline if the background is set to transparent. Secondary: A secondary action style, using the secondary color from your color scheme. Like the primary button, it can be filled or outlined depending on the background settings. Inline: Minimal style that looks like text with an underline.
Button icon	This setting lets you add a small visual indicator to your button. None: The button displays only the text, with no icon. Dot: A small dot appears before the button label.
Content alignment	Choose the text alignment on desktop: Left Center Right
Content alignment mobile	Choose the text alignment on mobile devices: Left Center Right

Padding

Use the slider to adjust the padding values (in pixels) for the Text block.

Setting	Description
Top	Padding above the text.
Bottom	Padding below the text.
Left	Padding to the left of the text.
Right	Padding to the right of the text.
Top mobile	Padding above the text on mobile devices.
Bottom mobile	Padding below the text on mobile devices.
Left mobile	Padding to the left of the text on mobile devices.
Right mobile	Padding to the right of the text on mobile devices.