Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Fonts primary navigation

Home Forums Support Fonts primary navigation

  • This topic has 7 replies, 3 voices, and was last updated 3 years ago by Leo.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #436859
    Evadex

    Hi GP !
    I would like to use a specific font-family for my “primary navigation”, unfortunatly the font-family is not listed in “Customize > Typography > Primary navigation > Fonts-family” (and I know why because I’ve seen the topic “Specific fonts for footer, widget, & sidebar”)
    I think It should be possible with a CSS code, I’ve ever tried using different topics, using “main-navigation” or “primary-navigation but I have to improve my level 🙂
    Thank you for your help

    GP Premium 1.5.5
    #436867
    Zesen

    If changing the font family in primary navigation is all you need:

    
    #primary-menu li {
        font-family: name of the font here;
    }
    

    If you want to add more custom font supports in the Customizer for endusers to choose from, which I am currently doing, requires a lot more work.

    #436870
    Leo
    Staff
    Customer Support

    Hi there,

    You can actually add fonts into the customizer:
    – Google font: https://docs.generatepress.com/article/customizing-the-google-font-list/
    – Custom font: https://docs.generatepress.com/article/adding-custom-font/

    Let me know if this helps.

    #436872
    Evadex

    Hi Zesen,
    Thank you for your help, unfortunatly the code is not good for me 🙁
    I tried with “#primary-menu li {…” or “#primary-menu {…” or “.primary-menu {…” but no result.
    I’m beginner, sorry !
    If you’ve got an other idea, thank you by advance

    #436892
    Evadex

    Hi Leo,
    Thank you for your answer.
    It’s very interesting but I don’t need to add a new font-family in the list and it’s so difficult for me 🙂 I would prefer an easyer way like the solution of Zesen for exemple.
    My font-family is not a google-font but I can use it through a GP hook for exemple, it’s ok.
    I just need to apply this font-family to the navigation bar.
    Thank you for your help

    #436898
    Leo
    Staff
    Customer Support

    Try this selector: .main-navigation .main-nav ul li a

    #436978
    Evadex

    Thank you Leo, as Tina Turner says “You’re simply the best !”
    Thank you so much and have a very good day

    #436988
    Leo
    Staff
    Customer Support

    Glad I could help! You as well!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.