Element: Heading

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:

  1. Go to your dashboard, click Customization and choose Visual Editor (or click the palette icon on the right side of your builder). 
  2. Once the Visual Editor tool opens, scroll down and select Advanced, then click Heading under the Element tab.
  3. These properties are only applicable for Heading elements across your website.
  4. 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.
  5. You can edit the font, size, color, and style here.
  6. 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.


The extensive options under text are:

Font Style

  1. Select from available font styles in the dropdown.
  2. Add Font will allow you to add new fonts from the Font Library.
  3. Select a font and click Save.

Font Weight

  1. 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

  1. Font size can be selected from the dropdown. You can also use the arrows to increase or decrease these values.

Font Color

  1. Select the desired color for your paragraph text. You can use hex codes to match exact colors.

Font Case

  1. 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

  1. This decides the spacing between the two lines. You can use arrows to increase the spacing.

Letter Spacing

  1. This decides the spacing between two letters. Use arrows to increase or decrease the spacing.
  2. Click Reset to restore the previous settings.