Changing quick add button color - Tailor Theme

Shopify Discussion
1

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.19.39 PM.png350Ă—268 8.46 KB

Screen Shot 2024-12-12 at 9.20.44 PM.png
Screen Shot 2024-12-12 at 9.20.44 PM.png582Ă—152 6.77 KB

1 Like
2

hello @Kari_M

can you please share your Website URL
thanks

3

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 !!!

4

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

5

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;
}

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!