Issue customizing the button font across my site.

collgrimes · October 30

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;
}

Inspirerd · October 31

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!

Issue customizing the button font across my site.

Recommended Posts

collgrimes

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Inspirerd

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources