Typography
Headings
| Setting | Description |
| Font | To customize the font used for headings in your theme, you can easily select a font family from the dropdown list of system fonts. This allows you to choose a font that best suits your desired style and enhances the overall look of your headings. |
| Heading font size | Use the slider to adjust the size of each heading on your website. You can set the size for Hero, H₁, H₂, H₃, H₄, H₅, and H₆ headings. These changes will be applied everywhere on your website. |
| Heading font size mobile | Use the slider to adjust the size of each heading across your website on mobile for a better mobile view. You have the flexibility to set the size for Hero, H₁, H₂, H₃, H₄, H₅, and H₆. These adjustments will be applied universally across your website. |
Headings letter spacing
| Setting | Description |
| Large headings letter spacing | Set the letter spacing for hero, h1, h2, and h3 headings. This setting allows you to adjust the space between letters for larger headings, giving them a distinctive, bold appearance. |
| Small headings letter spacing | Set the letter spacing for h4, h5, and h6 headings. This setting allows you to adjust the space between letters for smaller headings. |
Headings line height
Adjust the line height for headings to control the vertical space between lines in your heading text. Proper line height improves text readability and visual clarity.
| Setting | Description |
| Large headings line height | Set the line height for hero, h1, and h2 headings. This affects the spacing between lines in larger headings, ensuring they remain bold and easy to read. |
| Medium headings line height | Set the line height for h3 and h4 headings. Adjusting this spacing helps maintain readability while keeping a structured design for medium-sized headings. |
| Small headings line height | Set the line height for h5 and h6 headings. This ensures that smaller headings maintain visual balance and clarity without appearing too cramped. |
Body text
| Setting | Description |
| Font | To customize the font used for body text in your theme, you can easily select a font family from the dropdown list of system fonts. This allows you to choose a font that best suits your desired style and enhances the overall look of your body text. |
| Body font size |
The font size slider allows you to customize the font size for body text, with the following options:
Use the slider to adjust the default font size according to your design needs. |
| Large body font size | Set a large font size for body text. By default, the font size is set to 20px. |
| Medium body font size | Set a medium font size for body text. By default, the font size is set to 18px. |
| Small body font size | Set a small font size for body text. By default, the font size is set to 16px. |
| Body font size mobile |
The font size slider allows you to customize the font size for body text on mobile, with the following options:
Use the slider to adjust the default font size according to your design needs. |
| Large body font size | Set a large font size for body text on mobile. By default, the font size is set to 18px. |
| Medium body font size | Set a medium font size for body text on mobile. By default, the font size is set to 16px. |
| Small body font size | Set a small font size for body text. By default, the font size is set to 16px. |
Body letter spacing
| Setting | Description |
| Letter spacing | This setting allows you to control the space between characters in paragraphs, making the text either more compact or more spaced out. |
Body line height
| Setting | Description |
| Line height | Adjust the line height for body text to control the vertical spacing between lines of text. |
Buttons
| Setting | Description |
| Buttons font | To customize the font used for buttons in your theme, you can easily select a font family from the dropdown list of system fonts. This allows you to choose a font that best suits your desired style and enhances the overall look of your buttons. |
| Font size |
The font size slider allows you to customize the font size for buttons, with the following options:
Use the slider to adjust the default font size according to your design needs. |
| Font size mobile |
The font size slider allows you to customize the font size for buttons on mobile, with the following options:
Use the slider to adjust the default font size according to your design needs. |
| Font weight |
This setting adjusts the thickness of the text on buttons, affecting how bold or prominent it appears.
|
| Letter spacing | This setting controls the spacing between characters in buttons, allowing you to make the text more compact or more spaced out for improved readability and style. |
| Font case |
This setting determines how text appears in terms of letter casing.
|
Badges
| Setting | Description |
| Badges font | To customize the font used for badges in your theme, you can easily select a font family from the dropdown list of system fonts. This allows you to choose a font that best suits your desired style and enhances the overall look of your badges. |
| Font size |
The font size slider allows you to customize the font size for badges, with the following options:
Use the slider to adjust the default font size according to your design needs. |
| Font size mobile |
The font size slider allows you to customize the font size for badges on mobile, with the following options:
Use the slider to adjust the default font size according to your design needs. |
| Font weight |
This setting adjusts the thickness of the text on badges, affecting how bold or prominent it appears.
|
| Letter spacing | This setting controls the spacing between characters in badges, allowing you to make the text more compact or more spaced out for improved readability and style. |
| Font case |
This setting determines how text appears in terms of letter casing.
|