Jump to content

Custom CSS NOT overriding Font Styles + Site Nav Links

Recommended Posts

I have been using Custom CSS. Unfortunately, anytime I tried to edit any font style, it DOES NOT OVERRIDE. Headings, Paragraphs, and even navigation links. I have tried to use "!important" but the website just never updates. I want to be using custom css to change things like the weight, color, and letter-spacing but no matter what I do, IT DOES NOT WANT TO CHANGE. I also CANNOT add any more headings beyond just Heading 4 when I should be able to and have looked at many tutorials where this change can take effect!


h3 {letter-spacing: '25px' !important;} - DOES NOT WORK

header-nav-item {font-weight: '300' !important;} - DOES NOT WORK

Basically, any changes to the text like color, font size, font weight, line-height, letter-spacing etc etc DOES NOT WORK. 

I've actually had to rely on Markdown blocks to achieve ANY sort of custom css change and that is a very TEDIOUS thing to do if I have a lot of text and content I need to put on the website. 

Edited by clewster
Link to comment

You have errors in the style code which is why it doesn't work.


This one doesn't work because you shouldn't be using quote marks around the 25px

h3 {letter-spacing: '25px' !important;} 

change to:

h3 {letter-spacing: 25px !important;} 


This one is missing the dot necessary before header-nav-item, and has quote marks that need removing:

header-nav-item {font-weight: '300' !important;} 

change to:

.header-nav-item {font-weight: 300 !important;} 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.