Help! Change quick add (bulk) button color.

Topic summary

A Shopify store owner using the Sense theme needed help changing the color of the bulk quick-add button on their product grid page to match their existing single quick-add button style (from black/white to a yellow tone).

Solution provided:

  • Navigate to Shopify admin → Online Store → Edit Code
  • Open the theme.liquid file
  • Add custom CSS code above the </head> tag:
.card__content > quick-add-bulk quantity-input.quantity.cart-quantity {
  background: #FFFACD !important;
}

Outcome: The CSS customization successfully resolved the issue, matching the bulk button styling to the desired appearance.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

Hi, I need help to change the quick add (bulk) button on my product grid page. I managed to change the “single” quick add button colour, but I need help changing the bulk quick add button to the same style of the second button as show below instead of black and white. I’m using sense theme. Thanks

uc_pharm_0-1738548936419.png

Hi @uc_pharm

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

Hi, appreciate your help
https://urbancarepharmacy.myshopify.com/
pw: ucpharm

Hi @uc_pharm

I hope you are well. You can follow our instructions below:1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}

.card__content > quick-add-bulk quantity-input.quantity.cart-quantity {
background: #FFFACD !important;

}

{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

1 Like

Awesome! Thanks so much! :hugs: