Jump to content
Sign in to follow this  
aerta

Use Google font in navigation

Recommended Posts

aerta    5
aerta

Hi, I've installed the Google fonts plugin, and managed to get the fonts that I want working for the content and headings, however, I can't seem to get them to affect the font used in the navigation and footer. I've trawled the forums for an answer to this, and tried using Firebug but can't seem to solve it. Can anyone help? www.tsctheatretots.co.uk

Share this post


Link to post
Share on other sites
catrina    103
catrina
I think it may be because your navigation includes links. When I inspect using Firebug, I get this selector for your navigation links: [code]li.menu-item[/code] So the selector you'd need to use in the CSS is: [code]li.menu-item a[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
aerta    5
aerta
Can't find that in Firebug either, I'm afraid. So if I wanted to use the Google font 'Handlee' in the nab bar what would the CSS code be? Thanks for your help.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi, Make sure you have the Google WebFonts plug-in installed and active and then add this code to either your style.css of your child theme or the PageLines customisation plug-in. You could also add it to the Settings > Custom Code. [code].main_nav li a { font-family: 'Handlee', cursive; }[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×