Change the color of the Sold Out button on Impulse theme

[Rachal_Prince]

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

[BSSCommerce-HDL]

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 </head> tag:

<style>
button.add-to-cart[disabled='disabled'] {
    background-color: red !important;
}
</style>

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😍

[topnewyork]

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 </head>

<style>
button.add-to-cart[disabled='disabled'] {
    background-color: red !important;
}
</style>

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

Thanks!

[BSSCommerce-B2B]

@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 </body>

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

Result:

[GTLOfficial]

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

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