# Change CSS for Metric visualization?

**URL:** <https://discuss.elastic.co/t/change-css-for-metric-visualization/306031>\
**Category:** Kibana\
**Created:** [May 31, 2022, 12:26pm UTC](https://discuss.elastic.co/t/change-css-for-metric-visualization/306031 "2022-05-31T12:26:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Srikanth\_V](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/srikanth_v/32/86839_2.png) [@Srikanth\_V](https://discuss.elastic.co/u/Srikanth_V)\
**Post date:** [May 31, 2022, 12:26pm UTC](https://discuss.elastic.co/t/change-css-for-metric-visualization/306031/1 "2022-05-31T12:26:30Z")

</div>

Hello! I want to modify the style of a metric visualization that I create in Kibana. The issue is the text is align to center and I would like to move to left. Is it possible to modify it? Thanks in advance,

Regards,  
Sri

---

<div class="post-metadata">

**Author:** ![Marco\_Liberati](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marco_liberati/32/82953_2.png) [@Marco\_Liberati](https://discuss.elastic.co/u/Marco_Liberati)\
**Post date:** [June 1, 2022, 8:54am UTC](https://discuss.elastic.co/t/change-css-for-metric-visualization/306031/2 "2022-06-01T08:54:59Z")

</div>

Hi @Srikanth_V ,

only Canvas lets you customize the styling of the metric visualization.  
If you need the metric in a dashboard, hence used any other visualization editor (Agg-based, TSVB, Lens, etc...) then you cannot change that styling part of it.

---

<div class="post-metadata">

**Author:** ![Felix\_Roessel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/felix_roessel/32/41623_2.png) [@Felix\_Roessel](https://discuss.elastic.co/u/Felix_Roessel)\
**Post date:** [June 1, 2022, 5:20pm UTC](https://discuss.elastic.co/t/change-css-for-metric-visualization/306031/3 "2022-06-01T17:20:02Z")

</div>

Thats not 100% true.  
You can use TSVB in combination with the markdown category. Here you can show values and add any kind of data from your Elasticsearch indices.

---

<div class="post-metadata">

**Author:** ![Srikanth\_V](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/srikanth_v/32/86839_2.png) [@Srikanth\_V](https://discuss.elastic.co/u/Srikanth_V)\
**Post date:** [June 2, 2022, 11:48am UTC](https://discuss.elastic.co/t/change-css-for-metric-visualization/306031/4 "2022-06-02T11:48:59Z")

</div>

Thanks a lot for your help.

---

<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:** [June 30, 2022, 11:49am UTC](https://discuss.elastic.co/t/change-css-for-metric-visualization/306031/5 "2022-06-30T11:49:43Z")

</div>

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