Archived topic
Fonts primary navigation
7 replies · Started by Evadex on November 28, 2017
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
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.
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.
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
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
Try this selector: .main-navigation .main-nav ul li a
Thank you Leo, as Tina Turner says "You're simply the best !"
Thank you so much and have a very good day
Glad I could help! You as well!
