# Custom CSS conditional formatting TSVB

**URL:** <https://discuss.elastic.co/t/custom-css-conditional-formatting-tsvb/343460>\
**Category:** Kibana\
**Tags:** dashboard, visualisation\
**Created:** [September 20, 2023, 12:53pm UTC](https://discuss.elastic.co/t/custom-css-conditional-formatting-tsvb/343460 "2023-09-20T12:53:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mathur7vidit](https://avatars.discourse-cdn.com/v4/letter/m/d07c76/32.png) [@mathur7vidit](https://discuss.elastic.co/u/mathur7vidit)\
**Post date:** [September 20, 2023, 12:53pm UTC](https://discuss.elastic.co/t/custom-css-conditional-formatting-tsvb/343460/1 "2023-09-20T12:53:27Z")

</div>

Hi Team,

i am working on TSVB visualization and using filter ratio. it gives me metric as below

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/8/d/8d13c701c773b2a100ec1b9a1c3af026bb5a7357.png) now here i have a markdown as APP1 and i have value coming as {{ a.a.last.formatted }}. Based upon this value of {{ a.a.last.formatted }}, i want to apply custom CSS which will change color of background. for example yellow when value is \< 1 and \> 0.5 and green when value = 1.  
is it possible using custom css? any lead is appreciated

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [October 18, 2023, 12:54pm UTC](https://discuss.elastic.co/t/custom-css-conditional-formatting-tsvb/343460/2 "2023-10-18T12:54:19Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.