• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Child theme of Genesis not calling enqueued fonts in functions.php

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Child theme of Genesis not calling enqueued fonts in functions.php

This topic is: not resolved

Tagged: genesis functions style css php

  • This topic has 6 replies, 3 voices, and was last updated 6 years, 12 months ago by Terry.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 23, 2018 at 9:10 am #221934
    brentaarnold
    Member

    Have a link here to a paste of my functions.php and style.css, the only files in my child theme. I installed the Genesis Framework, created a directory in the themes folder and dropped these files in.

    https://paste.ee/p/bpLty

    I'm having an issue when using <h1> tags pointing to IBM Plex Sans Condensed it's not working. Thanks for any help.

    http://southerndataworks.com
    July 23, 2018 at 11:44 am #221936
    Victor Font
    Moderator

    The problem is where you are defining the H1 in style.css. CSS follows a last in, first out paradigm. In other words, the last H1 defined in style.css is the one that takes precedent.

    Your H1 for the IBM Sans Condensed is defined at line 17 in style.css. At line 240, your style.css defines the h1 as Arial, 'Helvetica Neue', Helvetica, sans-serif. This takes priority over your declaration at line 17, thus overwriting it.

    Move your IBM Sans declaration after the line 240 block and it will work.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    July 23, 2018 at 12:52 pm #221937
    brentaarnold
    Member

    Victor, first off thanks so much for looking at my issue.

    That was the entire CSS file. I think maybe the parent theme is somehow getting priority over my child theme. It's only 18 rows long.

    Thanks again,
    Brent

    July 23, 2018 at 1:59 pm #221938
    Victor Font
    Moderator

    The parent theme overrides the child, if the elements in the parent are missing in the child. Since your child theme style sheet is so sort, add the keyword !important.

    h1 {
        font-family: "IBM Plex Sans Condensed" !important;
        font-weight: 500 !important;
    }

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    July 23, 2018 at 6:47 pm #221942
    brentaarnold
    Member

    Victor, thanks so much for the fix. It's working properly. However, I just have to wonder if there is a way to give the child theme style.css precedence?

    July 24, 2018 at 10:36 am #221953
    Victor Font
    Moderator

    The way to give the child theme priority the way you're approaching this is to name your own classes instead of relying on element tags. For instance, in your example, you can write the HTML as:

    <h1 class="condensed-font">this is a test</h1>

    Then, in your child theme CSS use:

    h1.condensed-font {
        font-family: "IBM Plex Sans Condensed" !important;
        font-weight: 500 !important;
    }

    This makes it unique and will override the parent theme.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    July 24, 2018 at 1:30 pm #221955
    Terry
    Member

    Hi,

    Curious why you're enqueuing the parent theme css?

    If you're developing a custom child theme you might like to start with the Genesis Starter theme.

    Terry

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble