How do I change font in Top Navigation

Change the font in the CSS

yeah…I get that..lol….but every single time I try to it either messes the site up or just does not work. Any suggestions to change/fix the Top Nav?

My site is https://www.craigmurwaycfc.com

But I do thank you for the reply.

What do you want to change the font to?

I would like to use Calibri. or whatever is being used in the header font. Thank You.

Sorry, meant to say heading. Thanks again.

This piece of code:

#top_nav li a {
background: url(“images/overlay.png”) repeat scroll right bottom rgba(0, 0, 0, 0);
box-shadow: 2px 1px 6px #000000 inset;
color: #FFFFFF;
display: block;
font-size: 1.1em;
padding: 10px 12px;
text-transform: uppercase;

Have you tried adding this:

font-family: Calibri;

WOW…worked like a charm! You rock….I swear I “thought” I tried everything…lmao..

Nothing was working in chrome or firefox (firebug). Thanks again!

Nice to hear it worked out! Nps!

Strange the code works in the child theme for the font style but not size but I can change the size in firebug but not in the child theme….lol. Thanks again for your help and support.

Thats odd, that would require closer investigation hehe, you are most welcome mate.

It actually only worked because when I changed font family with the code you recommended it went to its default font…Maybe the Author could weigh in on this. Thanks for all your help….loving this theme.

You used calibri as font but instead the browser displays the default font? What is the theme’s name? I wanne play around with it. :c

It’s Supernova theme. I love it but a little over my head with figuring out where everything is.