How to change the width of the add to cart button- Craft Theme.

Store Design
1

For the product page in Craft theme; when I set the page width to 1600px, and set the product image size to small, the add to cart button is way too shorter than the width of the description, how can I make it the same width as the description?

@KetanKumar

Billy_Cheng_0-1656079388920.png
Billy_Cheng_0-1656079388920.png899×260 14.5 KB

2

@Billy_Cheng

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

@KetanKumar Thanks , the URL is https://inspirepanda.myshopify.com

Billy_Cheng_0-1656132964175.png
Billy_Cheng_0-1656132964175.png378×569 11.8 KB

Billy_Cheng_3-1656133495399.png
Billy_Cheng_3-1656133495399.png401×568 12.7 KB

Billy_Cheng_2-1656133419145.png
Billy_Cheng_2-1656133419145.png857×265 16.7 KB

4

@Billy_Cheng

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-main-product.css ->paste below code at the bottom of the file.
.product-form__buttons {
    max-width: 100%;
}
5

@KetanKumar it worked, you are a diamond.