Want to Change the color of %value% in the attribute depending on value itself

[krazeeverse]

I need help writing CSS code I have attribute .hp-listing__attribute–offer in which 3 text value is stored which is “Live” “upcoming” Expired" I want to give separate color to each of them on the based value selected
I tried Below code but it’s not working

.hp-listing__attribute–offer[value=“Live”] {
color: green;
}

.hp-listing__attribute–offer[value=“Upcoming”] {
color: orange;
}

.hp-listing__attribute–offer[value=“Expired”] {
color: red;
}

[andrii]

Hi,

Sorry, there’s no simple code snippet for this, it would require a custom implementation. If customizations beyond the available features are required for your site, please consider hiring someone for custom work https://fvrr.co/32e7LvY

[krazeeverse]

It’s just a small thing and I am an individual Blogger it’s going to be expensive if I hire someone for this small code can you please guide how can i implement it? please

[veewow]

I would go over to stackoverflow and I reckon some kind coder would be able to help you, sorry I do not know how, but I would definitely ask others for help. Good luck!

[krazeeverse]

Thank You so much… Appreciate it