How To Configure Typography Settings?

You can setup the typography styles for your whole site including from header, content to footer.

The step-wise step to customize the typography styles are as follow:

  • Login to your Admin dashboard
  • Go to Appearance>Customize
  • You have to now click on Typography Settings

Typography Settings includes options as follows:

1. Header Logo Settings:

You can configure the typography settings for the header logo such as font type, font size, color and other features.

The steps to configure Header Logo Settings are as follows:

  • Click on Header Logo Settings
  • Select the desired Font Family and Variant under Header Logo Font option
  • Adjust the range button to select the Header Logo Font Size
  • Adjust the range button to select the Header Logo Line Height
  • Select the desired color for Header Logo Color
  • Click on Publish

2. Body Settings:

You can configure the typography settings for the bosy text such as font type, font size, color and other features.

The steps to configure Body Settings are as follows:

  • Click on Body Settings
  • Select the desired Font Family and Variant under Header Logo Font option
  • Adjust the range button to select the Body Font Size
  • Adjust the range button to select the Body Line Height
  • Select the desired color for Body Color
  • Click on Publish

3. Page Title Settings:

You can configure the typography settings for the Page Title such as font type, font size, color and other features.

The steps to configure Page Title Settings are as follows:

  • Click on Page Title Settings
  • Select the desired Font Family and Variant under Page Title Font option
  • Adjust the range button to select the Page Title Font Size
  • Adjust the range button to select the Page Title Line Height
  • Select the desired color for Page Title Color
  • Click on Publish

4. Post Title Settings:

You can configure the typography settings for the Post Title such as font type, font size, color and other features.

The steps to configure Post Title Settings are as follows:

  • Click on Post Title Settings
  • Select the desired Font Family and Variant under Post Title Font option
  • Adjust the range button to select the Post Title Font Size
  • Adjust the range button to select the Post Title Line Height
  • Select the desired color for Post Title Color
  • Click on Publish

5. H1 Settings (Content):

You can configure the typography settings for the H1 Settings (Content) such as font type, font size, color and other features.

The steps to configure H1 Settings (Content) are as follows:

  • Click on H1 Settings (Content)
  • Select the desired Font Family and Variant under H1 Font option
  • Adjust the range button to select the H1 Font Size
  • Adjust the range button to select the H1 Line Height
  • Select the desired color for H1 Color
  • Click on Publish

6. H2 Settings (Content):

You can configure the typography settings for the H2 Settings (Content) such as font type, font size, color and other features.

The steps to configure H1 Settings (Content) are as follows:

  • Click on H2 Settings (Content)
  • Select the desired Font Family and Variant under H2 Font option
  • Adjust the range button to select the H2 Font Size
  • Adjust the range button to select the H2 Line Height
  • Select the desired color for H2 Color
  • Click on Publish

7. H3 Settings (Content):

You can configure the typography settings for the H3 Settings (Content) such as font type, font size, color and other features.

The steps to configure H3 Settings (Content) are as follows:

  • Click on H3 Settings (Content)
  • Select the desired Font Family and Variant under H3 Font option
  • Adjust the range button to select the H3 Font Size
  • Adjust the range button to select the H3 Line Height
  • Select the desired color for H3 Color
  • Click on Publish

8. H4 Settings (Content):

You can configure the typography settings for the H4 Settings (Content) such as font type, font size, color and other features.

The steps to configure H4 Settings (Content) are as follows:

  • Click on H4 Settings (Content)
  • Select the desired Font Family and Variant under H4 Font option
  • Adjust the range button to select the H4 Font Size
  • Adjust the range button to select the H4 Line Height
  • Select the desired color for H4 Color
  • Click on Publish

9. H5 Settings (Content):

You can configure the typography settings for the H5 Settings (Content) such as font type, font size, color and other features.

The steps to configure H5 Settings (Content) are as follows:

  • Click on H5 Settings (Content)
  • Select the desired Font Family and Variant under H5 Font option
  • Adjust the range button to select the H5 Font Size
  • Adjust the range button to select the H5 Line Height
  • Select the desired color for H5 Color
  • Click on Publish

10. H6 Settings (Content):

You can configure the typography settings for the H6 Settings (Content) such as font type, font size, color and other features.

The steps to configure H6 Settings (Content) are as follows:

  • Click on H6 Settings (Content)
  • Select the desired Font Family and Variant under H6 Font option
  • Adjust the range button to select the H6 Font Size
  • Adjust the range button to select the H6 Line Height
  • Select the desired color for H6 Color
  • Click on Publish

11. Widget Title Settings:

You can select and configure the different typography styles for the Widget Title.

The steps to configure Widget Title Settings are as follows:

  • Click on Widget Title Settings
  • Select the desired Font Family and Variant under Widget Title Font option
  • Adjust the range button to select the Widget Title Font Size
  • Adjust the range button to select the Widget Title Line Height
  • Select the desired color for Widget Title Color
  • Click on Publish