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

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

Question

  • 0

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';}

Edited by Kellycraneor
Initial Revision

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

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';}

Edited by Kellycraneor
Initial Revision

Share this post


Link to post
  • 0

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 ___?

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