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

Avenue Template: changing Navigation Font


alliel

Question

Hello, I'm using the Avenue template, and have uploaded a font in CSS and changed it in the H1, H2, and P sections fine, but have no idea how to do it for navigation.Any codes or tips would be very helpful, Thanks!!

Edited by alliel
Initial Revision
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0

@alliel Add to Home > Design > Custom CSS


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

If it doesn't work, please share site url to check code.Reference: https://beaverhero.com/avenue-squarespace/

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

Thanks so much! that worked and I also figured this out a few minutes ago which worked:"#topnav nav li a {font-family: 'FONT'}And tried yours and that works perfectly! Just need to understand on my own side what li/a is, why there are hashtags, etc. Slowly learning ccs and making a test site to try to figure basic things out=)

Link to post
  • 0

@alliel There are many ways in CSS to target an element, using hashtag (#) and dot (.) are the most common.

Menu item is links, and links are a tag. These menu items are in li tags, li is in ul tags, ul is in main-nav, and main-nav is in topnav. So, my code, or yours, will work.

You can take an online course on HTML/CSS, it only takes 2-3 months, you will solve basic CSS. Or if you are interested, you can see my service, and I can explain everything I know (I can also help you search, with issues beyond my level).

Finally, please Accept Answer, other member can use if they know it worked. Thanks

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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...