How to add a different color border to buttons in squarespace

Easily set a different border color for all buttons on your Squarespace website when you want your border color to be different from your text color using CSS. THIS CODE APPLIES TO PRIMARY, SECONDARY, AND TERTIARY BUTTONS.

Schedule a free discovery call with Jen 👉https://calendly.com/hello-jenxwebdesign/30min

🆓🎓 FREE CLASS: The 3-Part Framework for Increasing Organic Traffic to Your Squarespace Website 👉https://www.jenxwebdesign.com/free-class

🎥 I use Descript to record my videos cuz it's amazing (affiliate 🔗): https://www.jenxwebdesign.com/descript

SOME FREEBIES:

🆓 Find all the free stuff here 👉 https://www.jenxwebdesign.com/resources

🙊5 Common Mistakes People Make on Their Websites 👉 https://www.jenxwebdesign.com/5-common-mistakes

CODE SNIPPET:

/* Add border to all buttons */

.sqs-block-button-element {
border: 2px solid #000 !important;
}

.header-actions .btn {
border: 2px solid #000 !important;
}

👉 Read the blog post here: https://www.jenxwebdesign.com/blog/squarespace-button-border-color-css
👉 How to Add a Second Button to Navigation in Squarespace: https://www.jenxwebdesign.com/blog/add-second-button-to-squarespace-navigation
👉 How to Change the Color of a Single Button in Squarespace: https://www.jenxwebdesign.com/blog/change-single-button-color-squarespace
👉 How to Easily Add a Text Shadow Effect in Squarespace: https://www.jenxwebdesign.com/blog/text-shadow-effect-squarespace
👉 How to Add a Background Image to the Header in Squarespace: https://www.jenxwebdesign.com/blog/squarespace-header-background-image

*****************************

✍️ Check out the blog for more good stuff: https://www.jenxwebdesign.com/blog

Видео How to add a different color border to buttons in squarespace канала Jennifer Barden