Jump to content

Issue customizing the button font across my site.

Go to solution Solved by Inspirerd,

Recommended Posts

I used this code to customize the button font across my site but encountered an issue I have never seen before when I click "Add a Block". Screenshot attached shows what the Squarespace platform looks like after adding this code. I removed the code and it goes away. Is there a better way to do this?

 

.sqs-block-button a, [class*='button'], [class*='btn'] {
    font-family: 'NYRO' !important;
    letter-spacing: -.2rem;
} 

 

Screenshot 2023-10-30 at 6.33.45 PM.png

Link to comment
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Hey @collgrimes! I believe this should work:

#siteWrapper .sqs-block-button a, #siteWrapper [class*='button'], #siteWrapper [class*='btn'] {
    font-family: 'NYRO' !important;
    letter-spacing: -.2rem;
}

What I did was nest the selector under an ancestor of #siteWrapper which is the id of the container of the website (first descendent of body). This is because your selector was altering the Squarespace editor buttons. This change makes it only select things within your Squarespace website.

Hope this helps!

Daniel Rodrigues | Excito LLC
Squarespace Web Design for Photographers & Creatives
🌐 https://www.excitollc.com/ | ✉ Contact Me: daniel@excitollc.com
💡 Squarespace Enthusiast | 📖 Squarespace Design Blog for Photographers
🤝 Always happy to help and collaborate! Connect with me on LinkedIn.

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.