Help! Change quick add (bulk) button color.

Solved

Help! Change quick add (bulk) button color.

uc_pharm
Tourist
7 0 3

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

 

Accepted Solution (1)
DaisyVo
Shopify Partner
4460 499 594

This is an accepted solution.

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 </head> tag and add the following code above </head> 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 %}

 

DaisyVo_0-1738549881023.png

 

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 4 (4)

DaisyVo
Shopify Partner
4460 499 594

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?

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
uc_pharm
Tourist
7 0 3

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

DaisyVo
Shopify Partner
4460 499 594

This is an accepted solution.

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 </head> tag and add the following code above </head> 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 %}

 

DaisyVo_0-1738549881023.png

 

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
uc_pharm
Tourist
7 0 3

Awesome! Thanks so much! 🤗