Add To Cart button style in Shopify Debutify Theme

Add To Cart Button In Shopify Debutify theme

1. Go to your Shopify Admin Dashboard >  Edit Code.

2. Open the theme.css file under the assets folder and paste it at the end code file.

button#AddToCart--template--22097393910061__main {
  background-color: pink;
  border: 2px solid black;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.qty-container {
  border: 2px solid #00000054;
}
 
button.btn.btn-square-small.qty-adjust.qty-minus.js-qty__adjust--minus {
  background: none;
  border: none;
}
button.btn.btn-square-small.qty-adjust.qty-plus.js-qty__adjust--plus {
  background: none;
  border: none;
}

3. After pasting the code, save the file to enhance the appearance of your Add To Cart button look in the Shopify Debutify theme.
4. Refresh your product page to see the changes.

👉 Video Guide for Add To Cart button customization