Hi

Thanks for contacting us. Could you please give me your site URL and also a screenshot of your issue?

-Regards.

Style> Miscellaneous: CSS Class: testcss {field:category} Custom CSS: testcss.OK { color:green; } testcss.WARNING { color:yellow; } testcss.ERROR { color:red; }

I hope these information help you.

Please make sure you have a full site backup before making any changes.

In the Text content, wrap your dynamic field

Replace {field:category} with this:

<span class="status-label" data-status="{field:category}">{field:category}</span>

And then add your CSS in your custom.css file

#sppb-addon-54be558b-2a26-4186-8fec-4e64c1bdaf4b .status-label[data-status="OK"]{
  color: green !important;
}

#sppb-addon-54be558b-2a26-4186-8fec-4e64c1bdaf4b .status-label[data-status="WARNING"]{
  color: yellow !important;
}

#sppb-addon-54be558b-2a26-4186-8fec-4e64c1bdaf4b .status-label[data-status="ERROR"]{
  color: red !important;
}

Hello Hansis,

Sorry for the inconvenience. Unfortunately, achieving this by default isn't possible. However, it might be achievable using custom CSS and JavaScript. If you'd like assistance with that, please create your collection and listing first, then let me know, and I'll be happy to help.

We appreciate your patience and understanding.

Best regards