1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Managing Typography throughout website

Discussion in 'Free Divi Community Forum' started by amodigitalstudio, Oct 9, 2024.

  1. amodigitalstudio

    amodigitalstudio New Member

    Hi All,

    New to the Forum and Divi - Sorry if this has already been answered but i couldn't see a search function on the forum page.

    I am just trying to understand what is the best way to manage my typography across my website so it is consistent.

    I have Headers etc. in different modules, but I have to manual change the font in each it seems. I am trying to see if there is any way prior to making a website that I can define the typography for the entire site and when selecting header type it will have a consistent font whichever module.

    I'm happy to read documentation or any tutorials out there, just hoping someone could please share them with me? I haven't found exactly what i'm looking for yet.

    thank you in advance!
     
    #1 amodigitalstudio, Oct 9, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    Welcome amodigitalstudio,

    There are a couple of ways Divi allows you to manage typography site-wide are:

    The first is via the customizer. If you go to:

    WP Admin > Divi > Theme Customizer > General Settings > Typography

    You'll find some settings that control the site-wide defaults. However, the range of settings available here is somewhat limited and may not cover everything you need to do..

    The second is using the Presets mechanism as described here:

    https://www.elegantthemes.com/documentation/divi/divi-global-presets/

    With presets you can set the site-wide defaults for the module settings. This gives you more control over the typography, for example being able to use different fonts for different header levels. The downside is that a preset only applies to a single type of module so you may need to duplicate your configuration in multiple different modules.

    Another option is to use CSS code to define your typography settings in a single location and apply it wherever needed.
     
    #2 Divi Booster, Oct 11, 2024
(You must log in or sign up to post here.)