In stock label colour

How can I change the color of the text and checkbox “in stock” in the product catalog?

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following custom css code in Theme Settings > Custom CSS. Change the color as per your requirements.

.product-grid-item p.stock.wd-style-default.in-stock {
    color: #f20000 !important;
}

.product-grid-item p.stock.wd-style-default.in-stock:before {
    color: #0000e7 !important;
}

Best Regards,

I put in the code to change it to green. But the text with that code disappeared completely.

.product-grid-item p.stock.wd-style-default.in-stock {
color: #44944A !important;
}
.product-grid-item p.stock.wd-style-default.in-stock:before {
color: #44944A !important;
}

Worked. Thank you!

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts