Change color of Stock status design
-
Is it possible to change the color of the Stock status design button?
It’s green and red per default, and we wish to change the color tones of both green and red.
Attachments:
You must be
logged in to view attached files.
Hi travel-gadgets.ch,
Thanks for reaching to us and appreciate your patience.
I answered your question in other topic, please double check https://xtemos.com/forums/topic/stock-status-not-showing/#post-690729
Best Regards,
Hung PD
Hello Hung PD
I think you didn’t understand my questions.
We know how to use the page builder and we’ve already implemented the Stock Status Label (See printscreen i’ve shared before)
What we would like to do is change the color of the green and red…. and unfortunately this is not possible in the page builder and needs to be done with custom css.
See print screens attached.
Thanks
Attachments:
You must be
logged in to view attached files.
Hi,
I apologize for the misunderstanding.
To override the red color, please add the following custom code to the Global Custom CSS area in Theme Settings:
p.stock.wd-style-bordered.out-of-stock span {
border-color: orange;
}
p.stock.wd-style-bordered.out-of-stock span:before {
background-color: orange;
}
To change the green color, please use the following custom code:
p.stock.wd-style-bordered span {
border-color: blue;
}
p.stock.wd-style-bordered span:before {
background-color: blue;
}
Kind Regards
Worked perfectly.
Thanks a lot!
.
