Heading block (Product features)

Setting Description
Block width Adjust the heading block width on desktop using the slider.
Block width mobile

Choose the width of the heading 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.

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

Setting Description
Text alignment

Choose the text alignment on desktop:

  • Left
  • Center
  • Right
Mobile text alignment

Choose the text alignment on mobile devices:

  • Left
  • Center
  • Right

Padding

Use the slider to adjust the padding values (in pixels) for the Heading 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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us