Button - Solid to Outline

Buttons
Written By Squarespell

1. How it Works

  • Adds a dynamic solid to outline hover effect to button blocks of all sizes.

  • Fully compatible with Squarespace 7.1.

  • Utilizes custom CSS for seamless integration into your site design.

  • Perfect for enhancing button interactivity on your Squarespace website.

2. Add this code to CSS

// WWW.SQUARESPELL.COM //
.sqs-block-button .sqs-block-button-element:hover {
background-color: transparent;
border: 2px solid #000000;
color: #000000; //color on hover
}
// WWW.SQUARESPELL.COM //

To apply this code to your Squarespace site, simply follow the steps provided. If you encounter any issues or need further assistance, feel free to reach out to us—we’re here to help!

Squarespell https://squarespell.co.uk
Previous

Button - Newsletter gradient color
Next

Button - Shakey Hover Style