Change up the hover mode for Medium Outline Buttons in Brine (7.0) to solid fill look with this short snippet. You’ll get to choose the new color of the font, background, and border, to match your site’s design!

Change up the hover mode for Medium Solid Buttons in Brine (7.0) to an outline look with this short snippet. You’ll get to choose the new color of the font and the border style, to match your site’s design!

We haven’t really covered a lot of button customizations on the blog, so I thought I’d share one with you today! The final effect makes it seem like the underline loops around the button, so it’s a pretty cool effect. The code isn’t too complicated AND is flexible enough to allow you to target one particular button size or all at the same time. So, let’s get started!

Have you ever wanted to add something extra to Squarespace buttons to make them look a bit more custom with very little effort? If so, today’s CSS trick is for you!

One way to make your template buttons look not only unique and on-brand but also invite your audience to click is to add an eye-catching hover mode. In Squarespace, you can change the default button hover mode with custom code. In this post, you'll learn how.