Change the color of the Sold Out button on Impulse theme

Store Design
1

My customers are getting confused about items that are sold out. Currently, the button is white with grey text and if it is clicked on it turns purple with grey text. I would like to change the sold out button color to red and have it not change if it is clicked on. Here is my website: www.Quirkyfinds.com

2

Hi @Rachal_Prince ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Hi @Rachal_Prince ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

4

@Rachal_Prince ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code before 


Result:

![BSSCommerceB2B_0-1725864880320.png|684x446](upload://vI7NrWJ66MugY01G9P5Nv2W7T3P.png)
5

Hello @Rachal_Prince
Go to online store ----> themes ----> actions ----> edit code---->theme.css
add this code at the end of the file.

button.add-to-cart[disabled="disabled"] {
    color: red;
}
button.add-to-cart[disabled="disabled"]:hover {
    background: #f6f6f6 !important;
    color: red;
}

result

5.png
5.png584×361 11.3 KB

If this was helpful, hit the like button and accept the solution.
Thanks