Style Button hover in Squarespace

Squarespace button css

πŸ“šInfo

 

This plugin is discontinued because Squarespace have already implement this customisation. Check out HERE a guide on how to.

πŸ…“πŸ…˜πŸ…’πŸ…’πŸ…žπŸ…πŸ…£πŸ…˜πŸ…πŸ…€πŸ…” πŸ…“ πŸ…Ÿ πŸ…›πŸ…€πŸ…–πŸ…˜ πŸ…

Give your CTA a funky and engaging custom effect with this Squarespace button css plugin. This plugin uses the css editor and works with all template families.


✻How To Install

 

Go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

//Button_Leaf

.sqs-block-button-element--medium:hover{
  
  border-radius:25px 0px !important;
}

🎨Customize

 

There are a few things you can adjust, so we sectioned them so they are easier to find.

Border-radius: β€œ25px”.You can vary the corners by changing

And that’s it! 🀘


Previous
Previous

Vertical text in Squarespace

Next
Next

Full Width Scrolling Block 7.1