Custom CSS for Navigation in Avenue Template

Site URL: https://jademandrake.com/

Hi, I am trying to install a custom font in my Avenue template just for the navigation. I've used two of the codes I

I've found posted online, but neither work. I'm hoping someone can help me? 🙏

Here are what I've tried so far: 

.main-nav a {
   font-family: Your Font Name !important;
}

and this:

@font-face {
  font-family: your-font-name;
  src: url(enter your font name url here);
}
#topNav nav ul li a {
  font-family: your-font-name;
}

You have to upload the font to custom files first, here is some help. 

Hi Derrick, 

Thanks for posting this. I should have mentioned that I did do that (add in the custom file) - and had actually also watched Kaleigh's video. Something in the code is just not right, and I can't figure out what...

If you have any ideas regarding the specific code for navigation in Avenue, please let me know!

Thank you for replying 🙂

I need help on the navigation too

On 6/6/2020 at 3:18 PM, Jadie said:

Hi Derrick, 

Thanks for posting this. I should have mentioned that I did do that (add in the custom file) - and had actually also watched Kaleigh's video. Something in the code is just not right, and I can't figure out what...

If you have any ideas regarding the specific code for navigation in Avenue, please let me know!

Thank you for replying 🙂

1 hour ago, WUlbrich18 said:

I need help on the navigation too

Add to Home > Design > Custom CSS

@font-face {
  font-family: your-font-name;
  src: url(enter your font name url here);
}
#topNav nav ul li a {
  font-family: your-font-name;
}