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:
- Minimum Font Size: 10px
- Maximum Font Size: 30px
Use the Font Size Slider to adjust the default font size according to your design needs. |
| Body font size large |
Set a large font size for body text. By default, the font size is set to 20px. |
| Body font size medium |
Set a medium font size for body text. By default, the font size is set to 18px. |
| Body font size small |
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:
- Minimum Font Size: 10px
- Maximum Font Size: 30px
Use the Font Size Slider to adjust the default font size according to your design needs. |
| Body font size large |
Set a large font size for body text on mobile. By default, the font size is set to 18px. |
| Body font size medium |
Set a medium font size for body text on mobile. By default, the font size is set to 16px. |
| Body font size small |
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. |
