Jump to content

Changing Weight of Site Header Button

By Hundley1832, in Customize with code

Go to solution Solved by Lesum,

Recommended Posts

Hundley1832 Level 3

Hundley1832

Posted
Posted

Hello,

I am trying to change the weight of the font in my site header button.  The rest of the buttons (primary, secondary, and tertiary) are all weighted at 600 and I would like the button in the site header to be as well.  Can't seem to figure out how to edit the font on this button.  Thanks!

  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Hundley1832
Hundley1832

Custom CSS code worked.  Thanks so much!

  • Solution
Lesum Level 9

Lesum

Posted
  • Solution
Posted

@Hundley1832 Hi, You should be able to customize the font of the header button under Edit > Site Styles > Fonts > Header Button

 

If you can't find it, you can also try adding this code snippet within the Custom CSS panel: 

#siteWrapper .header-actions-action--cta .sqs-button-element--primary {
    font-weight: 600 !important;
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer
☕ Did you find my contribution helpful? Buy me a coffee?

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources