Change color of "Sold Out" buttons in Fresh template

Technical Q&A
1

Hi there!

Does anyone know how to change the background color of the “Sold Out” buttons in the Fresh template?

Here are some examples:

https://olixr.life/collections/all

https://olixr.life/products/black-blue

I have searched and found several solutions but none are clear to me (can u tell I’m not an engineer LOL).

Thank you in advance for your help!

[email removed]

2 Likes
2

Hi @OlixrLife ,

I appreciate you providing your website. Please see instructions below.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme-product.min.css
  3. Paste the code below at the very bottom of the file.

NOTE: Change the red to the color you want

p.btn.sold-out-button.w-100.my-0 {
    background: red;
}

button#purchase[disabled] {
    background: red;
}
3

@OlixrLife

can you try this code

button#purchase:disabled {
    background: red;
}
.sold-out-badge {
    background: #ff0000;
}
4

Thank you Made4Uo, worked like a charm :slightly_smiling_face:

1 Like
5

Made4Uo,

Any thoughts on how to change the button color on the multiproduct page?

https://olixr.life/collections/all

Not sure why it’s different

6

Ignore my last Reply about the multiproduct page. I figured it out.

Thanks again for your help

1 Like