[Resolved] Amateur In Need Of Help :(

[Matt]

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

[Tom]

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 🙂

[Matt]

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

[Tom]

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 🙂

[Matt]

Hi Tom.

Hope all is well.

IT WORKED!!! Amazing…. Thank you. 🙂

Have a good day.

Matt

[Tom]

You’re welcome! Glad I could help 🙂

You too!

[Author]

Posts