Button Block CSS Targets

Welcome to our Squarespace button CSS tip page, where you can find the CSS and JS targeting elements to make your buttons stand out and improve the user experience of your website. With CSS, you can customize the appearance and behavior of your buttons to match the look and feel of your website, while also making them more intuitive and easy to use.

With our Squarespace button CSS tip page, we are committed to helping you create buttons that not only look great but also improve the user experience of your website. So whether you're looking to improve the appearance or functionality of your buttons, we have the CSS tips you need to succeed.

.sqs-button-element--primary - get almost all buttons;

.sqs-block-button-element--large or .sqs-button-element--secondary - only Large buttons style;

.sqs-block-button-element--medium - only Medium buttons style;

.sqs-block-button-element--small or .sqs-button-element--tertiary - only Small buttons style;

.image-button a - Image buttons;

.newsletter-form-button - Newsletter block buttons;

.sqs-add-to-cart-button - Add to cart button;

.form-button-wrapper .sqs-editable-button - form button;

.lightbox-handle - Lightbox form button

.header-actions-action--cta a - header button;