Element: Heading
Adding a heading element to your website may seem like a small detail, but it can make a big impact on the overall design and user experience. A well-crafted heading can give your visitors a clear indication of what to expect from your content. By choosing the right font, size, and color for your headings, you can guide users through your website and highlight important information.
To edit headings in Visual Editor:
- Go to your dashboard, click Customization and choose Visual Editor (or click the palette icon on the right side of your builder).
- Once the Visual Editor tool opens, scroll down and select Advanced, then click Heading under the Element tab.
- These properties are only applicable for Heading elements across your website.
- Choose either the Light or the Dark theme. The Light Theme will provide a colorless background for your headings. The Dark Theme will provide a dark background to your paragraphs and uses light-colored fonts.
- You can edit the font, size, color, and style here.
- Select the heading size from the list: H1, H2, H3, H4, H5, H6
These changes will only reflect on the heading size selected. If you select size H1, changes will only reflect upon headings that belong to the H1 category.
Font Style
- Select from available font styles in the dropdown.
- Add Font will allow you to add new fonts from the Font Library.
- Select a font and click Save.
Font Weight
- This is associated with the thickness of font. Based on the font style previously selected, you will be able to see several options like Light, Demi-light, Regular, Heavy, and Bold. Some font styles also include the Italics option.
Font Pixel
- Font size can be selected from the dropdown. You can also use the arrows to increase or decrease these values.
Font Color
- Select the desired color for your paragraph text. You can use hex codes to match exact colors.
Font Case
- Select from dropdown the letter case you want. This can be None, Uppercase (all capital letters), Lowercase (all small letters), or Capitalize (capitalize each word).
Line Height/Line Spacing
- This decides the spacing between the two lines. You can use arrows to increase the spacing.
Letter Spacing
- This decides the spacing between two letters. Use arrows to increase or decrease the spacing.
- Click Reset to restore the previous settings.
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho TeamInbox Resources
Zoho DataPrep Resources
Design. Discuss. Deliver.
Related Articles
Element: Icon Heading Text
Icons can provide a quick visual reference for users, helping them navigate through your site more easily. Additionally, combining icons with header text can create a more engaging and dynamic design that captures the attention of visitors ...Element: Box
These properties are applicable for the Box elements across the entire website. Editing a Box in Visual Editor Go to your dashboard, click Customization, and choose Visual Editor (or click the palette icon on the right side of your builder). Once the ...Element: Icon Heading
These properties are applicable only for Icon with Heading elements across the website. Use properties under Icon to make changes. Use properties under Heading to make changes.Element: Image Text and Image Heading Text
Image Text These properties are only applicable for Image with Text elements across your website. Only Text properties can be edited here. Image properties can be edited using the element property box within the builder. Image Heading Text These ...Element Overview
Let's look at all features that come under Element: Heading Paragraph Image Text Image Heading Text Icon Icon Heading Icon Heading Text Button Carousel Tab Accordion Box Divider Table Form Every element under the element and header tabs comes with a ...