Advanced typography settings

WoodMart provides typography controls that allow you to customize fonts across your entire website with precision and flexibility.

Basic typography groups

The theme’s typography system is organized into logical groups, each serving specific content types. Access these settings through WordPress dashboard -> Theme Settings -> Typography.

Text font

Controls all website body content including product descriptions, blog post content, and general page text. This is your primary content font that affects readability across the site.

Title font

Applied to heading elements such as H1, H2, and WPBakery “Section title” elements. This font creates visual hierarchy and draws attention to important headings.

Entities names font

Dedicated font for product titles, blog post titles, and category names. These elements often need distinct styling to stand out in listings and archives.

Secondary font

Used for section subtitles and any elements with the CSS class “font-alt”. Provides design flexibility for secondary content that needs different styling from primary headings.

Widget titles font

Specifically controls sidebar and footer widget titles, allowing consistent styling across all widget areas.

Header font

Defines the style for main navigation links in the header, ensuring optimal readability and brand consistency.

Note

These basic groups provide global font control, but you can override specific elements using advanced typography options.

Advanced typography options

While basic typography groups control global font settings, you may need different styles for specific elements. The advanced typography system addresses this need by allowing unlimited customization rules.

Access advanced options through WordPress dashboard -> Theme Settings -> Typography -> Advanced.

Key capabilities

Advanced typography enables you to:

• Override global settings for specific elements
• Create unlimited custom styling rules
• Target precise page elements
• Maintain design consistency while adding variety

Working with selectors

The advanced typography interface provides both predefined and custom selector options for maximum flexibility.

Predefined selectors

WoodMart includes commonly requested selectors based on popular customization needs:

• Navigation elements
• Price displays
• Title variations
• Breadcrumb styling
• Button typography
• Form element fonts

Custom selector functionality

For elements not covered by predefined options, use the “Custom selector” feature to target any website element with CSS selectors.

Example implementation: To modify the “BILLING DETAILS” title on the checkout page:

1. Select the “Custom selector” option
2. Enter the CSS selector: .woocommerce-billing-fields h3
3. Apply desired font settings
4. Save changes