stock

Hi!
How can I change the colors and shape of the icon in the word “Inventory” on the store page

https://prnt.sc/zOxucf9N8yo5

Hello,

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

p.stock.wd-style-default.in-stock:before {
    color:  red !important;
    content: "\f113" !important;
    font-family: "woodmart-font" !important;
}

Then, Navigate to Typography > Icons fonts > Check the icons and change the content code as per your requirements.

Best Regards.

Thank you !
But the code only changes the color of the icon. I want to change the icon and the word to the same color

Hello,

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

p.stock.wd-style-default:is(.available-on-backorder,.in-stock) {
    color: red !important;
}

Best Regards.

[Author]

Posts