• 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

Can't change NavBar Font size

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 › Design Tips and Tricks › Can't change NavBar Font size

This topic is: not resolved

Tagged: change font, css help, font in nav bar, font size, NAV bar, navigation, smaller font

  • This topic has 4 replies, 4 voices, and was last updated 6 years, 11 months ago by jlknauff.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 12, 2016 at 2:25 pm #183461
    hayleylarue
    Member

    Hi!

    Due to my Cache Plugin, I cannot change anything through HTML and have to do everything through CSS. I am trying to make my font size in my fav bar smaller, but nothing has worked so far.

    Currently, this is the code I have in my CSS:

    .nav-primary .menu-item > a {
    color: #000;
    font-size: .3em !important;
    letter-spacing: 3px;
    text-decoration: none;
    }

    Anyone know if I need to change anything in order to make this work?

    P.S. I have also switched to a different cache plugin, and they just all seem to block any type of HTML changes

    http://blondieinthecity.com
    April 12, 2016 at 3:03 pm #183463
    lawriebea
    Member

    Hello Haley
    Have you tried:
    Simple Custom CSS plugin by John Regan.
    or
    First Deactivating the Cache plugin, then make your css mods, then reactivate the cache plugin.

    (Incidently, do you really need this cache plugin?)

    regards
    Lawrence

    April 12, 2016 at 3:34 pm #183467
    hayleylarue
    Member

    Hi Lawrence,

    I have tried deactivating the plugin and then reactivating it, however, once it is reactivated, the changes do not stay put. I have tried deleting the cache plugin completely, but it makes my page size too large. The cache plugin minifies my Javascript and CSS and it helps a ton with loading time.

    Would the simple custom CSS plugin overwrite my current CSS?

    April 13, 2016 at 5:53 am #183512
    Sonia
    Member

    Hi ! Have you tried deleting the browser cache and cookies ? Maybe that can help

    Let me know

    - Sonia


    Sonia – @candiesnpixelsdesign

    April 13, 2016 at 7:31 am #183516
    jlknauff
    Member

    If you have a caching plugin, you'll have to clear the cache in order for the changes to take effect with the plugin active.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ 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

© 2023 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