Advanced typography

Basic typography groups

Our themes typography settings are divided into several groups. You are able to set your font settings in Dashboard -> Theme Settings -> Typography ->Basic for the following sets:

1. Content – all your website texts like product descriptions, blog posts content, page texts.
2. Titles –  used for title elements like H1, H2, our Elementor “Title” element, etc.
3. Entities names – font for your products, posts, and category titles.
4. Main navigation – style for your main navigation links in the header.
5. Widget titles – sidebar and footer widgets titles group.
6. Alternative font –  font for your section subtitles texts or for elements with the CSS class “font-alt”.

Advanced typography options

So these settings allow you to set font styles for all your website’s elements globally. But there are a lot of elements that you might want to set different styles regardless of global settings. For example, change the font size for the price, set color for mobile menu links, increase post titles font size, change breadcrumbs color, etc. And that is where our “Advanced typography” section will help you. You can find in Dashboard -> Theme Settings -> Typography -> Advanced. From there, you can set an unlimited number of rules for any element of your website.

Custom selector

By default, you can specify font settings for a limited number of selectors that we defined based on all the most popular customer requests like navigations, prices, titles, breadcrumbs etc. We will be working on this list in our updates and add more required selectors there. But you can also use the “Custom selector” option that allows you to write your own CSS selector and apply any font rules to it. For example, if you want to change the font size for the “BILLING DETAILS” title on your checkout page you need to write its selector to the field like .woocommerce-billing-fields h3.