Jump to content

Custom CSS for Navigation in Avenue Template

Recommended Posts

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;
}
Link to comment
  • Replies 4
  • Views 759
  • Created
  • Last Reply

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 🙂

Link to comment
  • 2 weeks later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.