Jump to content

Squarespace 7.1 Font Weight Issue

Go to solution Solved by creedon,

Recommended Posts

Hi, I'm redesigning a site and cannot figure out how to override and change the font weights. I'm wanting to use Oswald in either a 500 or 600 for the navigation links and also button links text.. the system only shows 300, 400, 700.. 

I've tried adding in some code injections found, but have yet to get anything to work. 

https://www.holdingspacetherapyllc.com/

Thank you in advance!! 

Edited by kelseyraedesign
Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution

It appears that Oswald supports the 500 and 600 font weight. Why SS doesn't present those, I don't know. Perhaps the differences are so subtle that they don't offer them.

ScreenShot2024-02-06at6_15_08PM.png.c9c9212d8f8e3ec0aa77dbe32e4044d6.png

Add the following to Website > Website Tools > Custom CSS.

/* navigation font weight */

.header-nav-list, /* desktop */
.header-menu-nav-wrapper /* mobile */

  {
  
    --site-navigation-font-font-weight : 600;
    
    }

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
11 hours ago, creedon said:

It appears that Oswald supports the 500 and 600 font weight. Why SS doesn't present those, I don't know. Perhaps the differences are so subtle that they don't offer them.

ScreenShot2024-02-06at6_15_08PM.png.c9c9212d8f8e3ec0aa77dbe32e4044d6.png

Add the following to Website > Website Tools > Custom CSS.

/* navigation font weight */

.header-nav-list, /* desktop */
.header-menu-nav-wrapper /* mobile */

  {
  
    --site-navigation-font-font-weight : 600;
    
    }

Let us know how it goes.

@creedon thank you so much!!! It worked!

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.