Customizing the Typography

The global typography for your website can be modified through the Customizer. To display all available customization options, please navigate to Appearance > Customize.

Customizing the Text

To customize the text typography for all pages, go to Appearance > Customize > Typography > Text.

  • Font Family – The font family for the text displayed in all web pages.
  • Variant – The font weight and/or style for the text displayed in all web pages. The options for this setting may differ from a font family to another.
  • Subset(s) – The subset(s) for the text displayed in all web pages. The options for this setting may differ from a font family to another.
  • Font Size – The font size for the text displayed in all web pages.
  • Line Height – The height for each line of the text displayed in all web pages.
  • Letter Spacing – The spacing between each letter for the words contained in the text displayed in all web pages.
  • Text Transform – The case and capitalization for the text displayed in all web pages.
  • Text Color – The color for the text displayed in all web pages.
  • Text Selection Background Color – The highlight color for the text displayed in all web pages.

Customizing the Headings

To customize the headings typography for all pages, go to Appearance > Customize > Typography > Headings.

Headings

Headings are found in posts, page, other post types and built-in widgets.

  • Font Family – The font family for the headings displayed in all web pages.
  • Variant – The font weight and/or style for the headings displayed in all web pages. The options for this setting may differ from a font family to another.
  • Subset(s) – The subset(s) for the headings displayed in all web pages. The options for this setting may differ from a font family to another.
  • Letter Spacing – The spacing between each letter for the words contained in the headings displayed in all web pages.
  • Text Transform – The case and capitalization for the headings displayed in all web pages.
  • Headings Color – The color for the headings displayed in all web pages.
  • Font Size (Heading 1) – The font size for the “h1” headings displayed in all web pages.
  • Line Height (Heading 1) – The height for each line of the “h1” headings displayed in all web pages.
  • Font Size (Heading 2) – The font size for the “h2” headings displayed in all web pages.
  • Line Height (Heading 2) – The height for each line of the “h2” headings displayed in all web pages.
  • Font Size (Heading 3) – The font size for the “h3” headings displayed in all web pages.
  • Line Height (Heading 3) – The height for each line of the “h3” headings displayed in all web pages.
  • Font Size (Heading 4) – The font size for the “h4” headings displayed in all web pages.
  • Line Height (Heading 4) – The height for each line of the “h4” headings displayed in all web pages.
  • Font Size (Heading 5) – The font size for the “h5” headings displayed in all web pages.
  • Line Height (Heading 5) – The height for each line of the “h5” headings displayed in all web pages.
  • Font Size (Heading 6) – The font size for the “h6” headings displayed in all web pages.
  • Line Height (Heading 6) – The height for each line of the “h6” headings displayed in all web pages.

Display Headings

Display headings are big headlines found in the custom header and the section widgets.

  • Font Family – The font family for the headings displayed in the custom header and the section widgets.
  • Variant – The font weight and/or style for the headings displayed in the custom header and the section widgets. The options for this setting may differ from a font family to another.
  • Subset(s) – The subset(s) for the headings displayed in the custom header and the section widgets. The options for this setting may differ from a font family to another.
  • Letter Spacing – The spacing between each letter for the words contained in the headings displayed in the custom header and the section widgets.
  • Text Transform – The case and capitalization for the headings displayed in the custom header and the section widgets.
  • Display Headings Color – The color for the headings displayed in the custom header and the section widgets.
  • Font Size (Display Heading 1) – The font size for the “h1” headings displayed in the custom header and the section widgets.
  • Line Height (Display Heading 1) – The height for each line of the “h1” headings displayed in the custom header and the section widgets.
  • Font Size (Display Heading 2) – The font size for the “h2” headings displayed in the custom header and the section widgets.
  • Line Height (Display Heading 2) – The height for each line of the “h2” headings displayed in the custom header and the section widgets.
  • Font Size (Display Heading 3) – The font size for the “h3” headings displayed in the custom header and the section widgets.
  • Line Height (Display Heading 3) – The height for each line of the “h3” headings displayed in the custom header and the section widgets.
  • Font Size (Display Heading 4) – The font size for the “h4” headings displayed in the custom header and the section widgets.
  • Line Height (Display Heading 4) – The height for each line of the “h4” headings displayed in the custom header and the section widgets.

Subheadings

Subheadings appear after the headings of the custom header or the section widgets.

  • Font Family – The font family for the subheadings displayed after the headings of the custom header or the section widgets.
  • Variant – The font weight and/or style for the subheadings displayed after the headings of the custom header or the section widgets. The options for this setting may differ from a font family to another.
  • Subset(s) – The subset(s) for the subheadings displayed after the headings of the custom header or the section widgets. The options for this setting may differ from a font family to another.
  • Font Size – The font size for the subheadings displayed after the headings of the custom header or the section widgets.
  • Line Height – The height for each line of the subheadings displayed after the headings of the custom header or the section widgets.
  • Letter Spacing – The spacing between each letter for the words contained in the subheadings after the headings of the custom header or the section widgets.
  • Text Transform – The case and capitalization for the subheadings displayed after the headings of the custom header or the section widgets.
  • Subheadings Color – The color for the subheadings displayed after the headings of the custom header or the section widgets.

Customizing the Links

To customize the links typography for all pages, go to Appearance > Customize > Typography > Links.

  • Link Color – The color for the links displayed in all web pages.
  • Link Color on Hover – The alternative color during the mouse hover action for the links displayed in all web pages.
  • Customizing the Quotes

To customize the quotes typography for all pages, go to Appearance > Customize > Typography > Quotes.

  • Font Family – The font family for the quotes displayed in all web pages.
  • Variant – The font weight and/or style for the quotes displayed in all web pages. The options for this setting may differ from a font family to another.
  • Subset(s) – The subset(s) for the quotes displayed in all web pages. The options for this setting may differ from a font family to another.
  • Font Size – The font size for the quotes displayed in all web pages.
  • Line Height – The height for each line of the quotes displayed in all web pages.
  • Letter Spacing – The spacing between each letter for the words contained in the quotes displayed in all web pages.
  • Text Align – The alignement for the quotes displayed in all web pages.
  • Text Transform – The case and capitalization for the quotes displayed in all web pages.
  • Color – The color for the quotes displayed in all web pages.
  • Background Color – The background color for the quotes displayed in all web pages.
  • Icon Color – The color of the icon for the quotes displayed in all web pages.
  • Border Color – The color of the border(s) for the quotes displayed in all web pages.
  • Margin – The margin for the quotes displayed in all web pages. Quote margin are calculated in rem units.

Not Finding
What You Are Looking For?

Simply go to our support forums and describe the problem you are facing.
We will be happy to help you!