Jump to content

Custom font throughout entire site

Recommended Posts

Site URL: https://shark-saxophone-3gc6.squarespace.com/

Pasword: MG2022

1. I needed the font GOTHAM for my site but isn't available on SS so I added some css in order to use it. I added both gotham bold for all titles, and botham medium for all paragraphs. My question is, what do I need to do in order to also have that same font on my navigation menu text, lists text, and buttons text?

Here are screenshots of the areas I need to change the font from the SS one to Gotham1350791779_ScreenShot2022-08-18at11_11_39.thumb.png.8df108034d41f1df0825b04751e59312.png

 

1026300815_ScreenShot2022-08-18at11_11_33.thumb.png.f9de62fb7dc1104400ed2f2cb5e9dcff.png

 

817779493_ScreenShot2022-08-18at11_11_50.thumb.png.2f9418d489537934f3e1184aa4ae081e.png


And here is my current code 

 

712018860_ScreenShot2022-08-18at11_12_25.thumb.png.dd7f371cbca7ac692df7a924190f7c4c.png

 

2.  is it possible for the navigation menu to have a hover color of #FA8F62

THANKS!

Link to comment
  • Replies 2
  • Views 276
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hi,

You've been very specific with the elements you want to target, which is good. However, some of the text elements that are used look similar to H1, H2...etc but they are actually sometimes "span, a, figure,..etc"

You can try to apply a global style change using the code below:

* {
font-family: "your_font_name_here";
}

Since you've already done most of the legwork this solution might help target those elements you may have missed.

 

Best,

Dan

Link to comment

Hi, Dan

Thanks for replying. I tried what you said but the issue is it changed all of my fonts to the same font gotham bold, and I am using bold and regular, or I dont know if that is something that I can then adjust in the font styles, even if the name of the font that shows in styles is wrong?

It also didn't change the font for my lists and slideshow, which is what I need 

Was I supposed to delete all the code I had for P and H, and leave just yours, plus edit stuff in styles?

thanks!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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