All Collections
FAQ's and Troubleshooting
How to customize H1-H6 headings in Divi
How to customize H1-H6 headings in Divi

Customize the Heading levels by changing the styles including font size, font color, line spacing, and fonts.

Eduard Ungureanu avatar
Written by Eduard Ungureanu
Updated over a week ago

Some Divi modules have the title text already defined. Those title texts are set to use different heading levels:

  • Blurb module - the title uses the H4 Heading level.

  • Call to Action module - the title uses the H2 Heading level.

  • Circle Counter module - the title uses the H3 Heading level.

  • Comments module - the title uses the H1 Heading level.

  • Countdown Timer module - the title uses the H4 Heading level.

  • Email Opt-in module - the title uses H2 Heading level.

  • Etc.

Change the default Heading level to a different one

  1. Open the module settings.

  2. Go to the Design Tab → Title Text → Title Heading Level.

  3. Change the default Heading level by selecting the desired Heading level.

  4. Optional: change the styles for the new Heading level.

Customize the appearance of a Heading level

  1. Open the module settings.

  2. Go to the Design Tab and expand the Title Text option group.

  3. Ensure you have selected the correct Heading Level.

  4. Change/customize each of the related options:

    1. Title Font - Allows the choice of a Google font on the respective Heading level.

    2. Title Font Weight - Choose the font weight for the respective Heading level.

    3. Title Font Style - Choose the font style of the respective Heading level.

    4. Title Text Alignment - Choose how the title text will be aligned on the page.

    5. Title Text Color - Choose the respective Heading level's text color.

    6. Title Text Size - Choose the font size for the respective Heading level.

    7. Title Letter Spacing - Choose the space between each letter for the Heading level.

    8. Title Line Height - Choose the line height for the respective Heading level.

    9. Title Text Shadow - Choose the style for text shadow for the respective Heading level.

    Module Heading styles

Customize the appearance of any Heading level for the Entire website

  1. Go to WordPress dashboard → Divi → Theme Customizer.

  2. Go to General Settings → Typography.

  3. Set the Header Text Size.

  4. Set the Header Letter Spacing.

  5. Set the Header Fonts Style.

  6. Set the Header Font.

  7. Set the Header Text Color.

    Typography settings for Headers

Note: the above options, once set, will be used on all Heading levels, starting with Level 1 (H1) to Level 6 (H6).

Pro tip: the custom settings set for the Header in the Theme Customizer can be overridden on each module level by using the Design Tab > Title Text option group.

Did this answer your question?