Changing quick add button color - Tailor Theme

Changing quick add button color - Tailor Theme

Kari_M
Tourist
9 2 3

Does anyone know how to change the color of the quick add button? It currently white and has a shadow.

 

Its different than all the other color buttons on the site - the rest are green

 

Tailor Theme

Screen Shot 2024-12-12 at 9.19.39 PM.png

Screen Shot 2024-12-12 at 9.20.44 PM.png

  

 

 

Replies 4 (4)

goldi07
Navigator
360 38 69

hello @Kari_M 

can you please share your Website URL
thanks

Was I helpful?

Buy me a coffee


APPS BY US :

Professional Customer Accounts APP


Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -Goldi184507@gmail.com - Skype: live:.cid.819bad8ddb52736c -Whatsapp: +919317950519
Checkout Some Free Sections Here

WizzCommerce_Co
Trailblazer
181 26 42

Hi @Kari_M , thank you for posting here!

You can follow my instructions below:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

 

.quick-add__submit {
background-color: green;
}

 

 

If my answer is helpful, please let me know by accepting the Solution and giving a Like !!!
Skyrocket BFCM with Wizz's apps: BOGO+ Buy X Get Y Free Gift
| Wizz Flash Sale & Price Edit | Snap B2B Wholesale Pricing | Snap Product Page Coupon | Snap Presale & Backorder | SnapNoti FOMO Visitor Counter | SnapBundle Volume Discounts
Find more support, feel free to contact: support@wizzcommerce.io
If our suggestion is useful for your problem, please let us know by giving Like and Accept Solution !!!

steve_michael2
Navigator
445 38 61

Hi @Kari_M  , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Made4uo-Ribe
Shopify Partner
10202 2422 3068

Hi @Kari_M 

TRy this one. If it not working please, share your store URL. Thanks!

  1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
  3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:\

 

.product-card__quick-add-button {
    background: lightgreen;
}

 

  • And Save.
  • Result:
  • Made4uoRibe_0-1734090201061.png

     

 

Note: You can change the color to your preference. If you cannot find the main CSS file in the assets, you can place the code in the custom.css file within the theme editor.

 

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.