Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
RevDun

Change Header Navigation font (Bedford)

Question

I want to change the font in my header navigation.  I'm able to do it to each link that is a direct link (i.e., I click on it and it takes me directly to a page), but the items that are drop-down menus on hover don't change.

I'm using this code:

#headerNav nav a {
 font-family: 'AspiraWide' !important;
}

The website is at www.middle.st – It's subtle, but you can see the "Events" and "Contact Us" links are a slightly different font.

Thanks!

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

Yes, it's a slightly different code for those. Try this:

#mainNavigation .folder-toggle {
 font-family: 'AspiraWide' !important;
}

 

Share this post


Link to post
  • 0

Hi. I am using Lusaka and have tried multiple codes to change the font of my navigation, but none have worked. I have managed to change the font of everything else, now its just the navigation I am struggling with. Thanks on beforehand!

Share this post


Link to post
  • 0

I'm not an expert, but here's the code I used.  Replace "Acrom" with the name of your font.  If that doesn't work, I suggest you start a new thread on the forum, since better experts than I will be more likely to see it there.

/* change header nav font to Acrom */
#headerNav nav a {
 font-family: 'Acrom' !important;
}
#mainNavigation .folder-toggle {
 font-family: 'Acrom' !important;
}

Hope that helps!

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...