Archived topic
Amateur In Need Of Help :(
5 replies · Started by Matt on July 21, 2016
Hi all.
I am hoping that someone might help me out.
I am creating a menu and within this menu contains 3 names. Each name contains an external link.
I would like to change the font type for each different link name.
Within the customise section under Menu there is an area that allows me to add CSS.
Does anyone know what to type in this box so I can change the font type of each menu name?
Thanks
Matt
Hi Matt,
You would have to give each item a different CSS class: https://generatepress.com/knowledgebase/using-menus/#custom-classes
Then you'd need to add the CSS:
.main-navigation .my-first-custom-class a {
font-family: Arial;
}
.main-navigation .my-second-custom-class a {
font-family: Impact;
}
Hopefully that helps get you started :)
Hi Tom. Hope all is well?
This was very cool of you to help me out.
Unfortunately I am still very confused.
I tried putting - .main-navigation .my-first-custom-class a {
font-family: Arial;
}
Into the area of the screen that says 'CSS Clases' on the left hand side of my Wordpress page under customize then under 'Menus' then under 'CSS Classes' but this does not change anything?
I am very sorry for being such a beginner.
If it helps the site I am trying to build is http://www.insomniamusic.co.uk.
This will help you see that with each name (menu) I would like a different font.
Thank you
MJ
Hi there,
In the area where you see "CSS Classes", you would put: my-first-custom-class
Then you would add the sample CSS I gave you like this: https://generatepress.com/knowledgebase/adding-css/
So you would apply the class itself to the menu item, and then add the CSS later.
Hope this helps :)
Hi Tom.
Hope all is well.
IT WORKED!!! Amazing.... Thank you. :)
Have a good day.
Matt
You're welcome! Glad I could help :)
You too!