Jump to content

Looking for CSS code for custom font for text in nav drop-down

Recommended Posts

  • Replies 5
  • Views 1.9k
  • Created
  • Last Reply

Hi all, I am not very familiar with coding, but I was able to update my site for custom fonts for most of my headings, texts, the nav bar, etc... but the drop-down text in my nav bar is still set on the template's default. I would like to change it to match the custom font as well.I have pasted the code I used below for those other functions.
I think it is probably as simple as knowing what the CSS abbreviation is for that nav drop-down menu in the hierarchy but I couldn't find it online anywhere. Any suggestions?- Kelly

@font-face {
font-family: 'NexaLight';
src: url(https://static1.squarespace.com/static/5d017df4f75ebf0001234a76/t/5d16409b90f2ac00018002b5/1561739420145/Nexa-Light.otf), url(https://static1.squarespace.com/static/5d017df4f75ebf0001234a76/t/5d1640aa1b72a50001bf1500/1561739434867/nexa-light-webfont.woff), url(https://static1.squarespace.com/static/5d017df4f75ebf0001234a76/t/5d1640b14a22b400015cb034/1561739441244/nexa-light-webfont.woff2); }@font-face {
font-family: 'NexaBold';
src: url(https://static1.squarespace.com/static/5d017df4f75ebf0001234a76/t/5d163611b9f37d0001ef65a1/1561736722012/Nexa-Bold.otf), url(https://static1.squarespace.com/static/5d017df4f75ebf0001234a76/t/5d1635fba20a4700014066d8/1561736700237/nexa-bold-webfont.woff), url(https://static1.squarespace.com/static/5d017df4f75ebf0001234a76/t/5d16360568406b0001776ec0/1561736709146/nexa-bold-webfont.woff2); }h1 { font-family: 'NexaBold';}h2 { font-family: 'NexaBold';}h3 { font-family: 'NexaLight';}p { font-family: 'NexaLight';}nav li { font-family: 'NexaLight';}

Link to comment

I think I literally just need to know the "prefix" for the secondary nav (drop-down) field so I can replicate what I've done with the other fields:

h1 { font-family: 'NexaBold'; }

h2 { font-family: 'NexaBold'; }

h3 { font-family: 'NexaLight'; }

p { font-family: 'NexaLight'; }

nav li { font-family: 'NexaLight'; }

So, instead of h1, p, nav li, etc., it would be ___?

Link to comment


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.