FLASH SALE Get 20% OFF everything using the coupon code: FLASH20 View Pricing Plans →

Knowledge Base

Documentation

Theme Documentation



Plugin Documentation



Resources

How to Customize Fonts and Colors

This article refers to Inspiro Premium

Inspiro Premium offers full control over your website’s typography and color palette using the WordPress Customizer. You can customize fonts and colors globally for different sections of your site or adjust them individually when using Elementor or the Block Editor.


1. Customizing Fonts

To change global font settings, go to Appearance → Customize → Typography.

From here, you can adjust fonts for specific theme sections, including:

  • Body text
  • Headings
  • Site title
  • Menu links
  • Single posts
  • Widget titles
  • Portfolio posts
    and others.

Available Font Settings:

  • Font Family – Choose from Google Fonts or system fonts
  • Font Weight – Adjust how bold or light the text appears
  • Letter Spacing – Control spacing between characters
  • Font Languages – Use subsets for multilingual support
  • Text Transform – Apply uppercase, lowercase, or capitalize
  • Font Style – Choose between normal, italic, or oblique

2. Customizing Colors

To adjust your site’s global color scheme, go to Appearance → Customize → Colors.

You’ll find color settings organized by section, such as:

  • General – Background, text, and links
  • Main Menu – Menu item and hover colors
  • Sidebar Panel – Colors for the off-canvas sidebar
  • Portfolio Page – Portfolio grid and filter colors
  • Posts and Pages – Post titles, meta info, and content
  • Footer – Footer background, text, and links

Use the color picker or enter a hex code to define your desired palette.


3. Editing Fonts and Colors in Page Builders

If you’re creating content using a page builder:

  • Elementor – Customize fonts and colors directly in the left sidebar of the editor when selecting a widget or section. Each element has its own design tab where you can override the theme’s global settings.
  • Block Editor – After selecting a block, use the right sidebar to change font size, color, background, and spacing. Many blocks offer style presets and advanced typography options.

Note: Customizer settings will apply only to parts of your site built using theme templates. Content built with Elementor or the Block Editor will use styling defined directly in the editor.

Last updated on June 10, 2025