Use this CSS to make your Squarespace Newsletter block button round. For so long, we’ve had to rely on CSS to get all the different button types on our sites to match (header button, regular buttons, form buttons, newsletter buttons, lightbox buttons, oh my!). It’s now easier than ever to have a uniform button style on Squarespace, but sometimes I want some purposeful differentiation between button types. The newsletter form block button is one that I typically want to stand out. (The whole newsletter block needs some revamped styling options from Squarespace IMO, but alas). For now, let’s figure out how to target the newsletter block button to adjust its roundness.
Original post:
[ Ссылка ]
For more CSS code to enhance your website designs, check out the rest of the learn series:
[ Ссылка ]
Get our free CSS Selector Cheat Sheet:
[ Ссылка ]
Get our full CSS Library:
[ Ссылка ]
——————
HERE’S THE CSS:
// Change the border radius of the newsletter form button //
.newsletter-form-button.sqs-system-button {
border-radius: 50px;
}
// Change the border radius of the newsletter form fields //
.newsletter-form-field-element {
border-radius: 50px;
}
——————
AJM EXPERIENCE
🖥 A marketplace for graphic designers, Squarespace lovers, & CSS nerds: [ Ссылка ]
☕️ Buy me a coffee: [ Ссылка ]
Thanks for watching and hope you learned something. My name is Amanda Jones McNay and I am a Squarespace web designer and CSS nerd. I have designed well over 100 different Squarespace sites for clients and have used custom CSS code in every one of them. My site is dedicated to helping all CSS designers to perfect their craft and create cool sh!t.
