Jump to content

Custom font for 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 is a screenshot of my current code. Someone on here replied with using a code of font:family but that didn't work (probably cause I need bold and medium) so I still can't figure that out


2. Can I please have a code to have a navigation menu hover color of: #FA8F62


Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

#1. Use this CSS

.header-nav-item a, .header-menu-nav-item a, li.list-item *, .button-block a {
    font-family: gotham !important;

#2. Use this CSS

div.header-nav-item>a:hover {
    color: #fa8f62 !important;


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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.