CSS for Site Title & Menu?

I am looking for the same thing. I would like to change the font of my site title and menu. Is it done the same way as “blockquotes” – add css selectors?

Hi Ann,
Just create new font controls nor the following:

• Navigation: .kad-header-style-basic #nav-main ul.sf-menu > li > a
• Mobile Navigation: .kad-mobile-nav .kad-nav-inner li a
• Site Title: .logofont, .none-trans-header header #logo a.brand, header #logo a.brand

Once you have created the font controls just visit the customizer and you will see the new controls there. Hope that helps, let me know how you get on. Cheers

Sunny

Hi Maya,
Could you post a link to a specific your website and point out the exact element you are looking to change on that page so that I can give you a hand with this. Cheers

Sunny

Hi Sunny,

I would like to change the font in site title and menu titles (Home, About,..) here:
https://www.travelwiththesmile.com/
I tried changing the code but would prefer simpler way.
Thanks.

Hi Maya,
Just create new font controls and add the appropriate css selectors (By going to Settings > Google Fonts) for the following:

• Navigation: #main-nav a
• Site Title: h1#site-title a
• Site Description: h2#site-description

Once you have created and saved these controls visit the customizer and you will see your new font controls there. Let me know how you get on. Cheers

Sunny

Got it! Thanks so much.

Just one more thing. After I created those, I went in and clicking through the Family Font I wanted to make changes. But the font doesn’t change just by clicking on it, I had to hit save&publish.
What am I doing wrong?
thanks.

Hi Maya,
You aren’t doing anything wrong it’s just that your theme is outputting styles after our plugin so you can’t currently see a live preview. All you would need to do to get around this would be to use a more specific css selector for your font controls. E.g. Try these selectors for the font controls instead

• Navigation: #branding #main-nav a
• Site Title: #site-logo h1#site-title a
• Site Description: #site-logo h2#site-description

This should enable the live preview. Let me know how you get on. Cheers

Sunny

You’re awesome, thanks!

Hi,
Serious newbie here, but I’m chugging along. I have tried the three ways that you mention here and Nav/Site & Site Description are not working for me. Could I have a conflict with my theme?

They have the option to add Google fonts, but you have to add strings and all the CSS codes for all of the fonts. Nuh-uh, for me on that. Couls you aid me as well?

Also, the titles didn’t work either. Just Paragraphics

Here is me slowly building my website: https://www.mandycolton.com/

Hi Sunny how do I change the font of my site title and menu. I dont know anything about CSS . Help me pls. Tks
My website https://mocthienphat.com/

Hello Sunny, i would really appricieat your help here. I saw this topic and follow this discussion, but couldn’t to get working with CSS codes for Site Title. I’m using rookie theme and here is my website:

https://www.nadji-ekipu.org

Also i create a Custom CSS on this page, but couldn’t able to use it.

https://www.nadji-ekipu.org/o-nama/

Thank you in advance.

Hi basketcse, Phi Long Le, Dule95D,

Please post a new support thread and post a link to a specific page on your website and point out the exact elements you are looking to change and I’ll give you a hand.

Generally speaking any advice I provide with regards to CSS selectors are theme specific and in order to get the most out of this plugin you need to have knowledge of your themes css selectors. Cheers

Sunny

Hey I’m having the same problem finding my CSS selector. My website is brooklynthaiyoga.com, and I’m just trying to customize the title heading on the home page. THx in advance!

Hi razorwirepark,
Please post a new support thread and post a link to a specific page on your website and point out the exact elements you are looking to change and I’ll give you a hand.

Sunny