How to Adjust The Width Of "ADD TO CART" button in Out of the Sandbox Turbo Theme

[Storeowner4]

Hello everyone,

There is a similar topic on the forum, but the solution provided didn’t work for me:

1. Go to Online Store → Theme → Edit code

2. Open file assets/style.css.liquid and then add this code at the end.

   shopify-add-to-cart-button {
   width: 100% !important;
   }

I want to make the “Add to cart” button full-width on the product page and the words to remain centred:

Thank you in advance for your assistance.

[BSSCommerce-HDL]

Hi @Storeowner4 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[Tech_Coding]

Hello @Storeowner4

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.product_section .product_form{ max-width: 100% !important; } .product-quantity-box.purchase-details__quantity { width: calc(35% - 12px) !important; } .purchase-details__buttons { flex: 1 0 calc(67% - 12px) !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[PageFly-Richard]

Hi @Storeowner4

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

[Storeowner4]

Thank you, it worked.