Changing Size of Add to Cart Button

Site URL: https://www.roxmartyn.com/shop/sample-artwork-wrcxh

Hi guys

Using Squarespace 7.1 and I am trying to change the button size of the 'Add To Cart Button' so it isn't full length. How do I do this?

Also is it is possible to make the Newsletter 'Sign Up' buttons the same size as the other buttons on the website?

2 hours ago, KWILES said:

Site URL: https://www.roxmartyn.com/shop/sample-artwork-wrcxh

Hi guys

Using Squarespace 7.1 and I am trying to change the button size of the 'Add To Cart Button' so it isn't full length. How do I do this?

Also is it is possible to make the Newsletter 'Sign Up' buttons the same size as the other buttons on the website?

Hi , You can simple add the following code to the HOME>DESIGN>CUSTOM CSS and it will reduce the wifth of add to cart button by 50% Also I can see your newsletter button has same width as other buttons.

.sqs-add-to-cart-button {
    width: 50% !important;
}

Hope it helps 🙂 

Hi @humxahafeex

Is 50% the maximum width? That's my problem too, btw I'm using Ventura template 

On 6/7/2021 at 4:20 AM, tuanphan said:

Can you share link to store page?

On 3/18/2020 at 6:27 PM, humxahafeex said:

Hi , You can simple add the following code to the HOME>DESIGN>CUSTOM CSS and it will reduce the wifth of add to cart button by 50% Also I can see your newsletter button has same width as other buttons.

.sqs-add-to-cart-button {
    width: 50% !important;
}

Hope it helps 🙂 

It helped me. Thank you so much. Btw is it possible to add variants feature for digital products?