# Displaying a compact label for a visualization

**URL:** https://discuss.elastic.co/t/displaying-a-compact-label-for-a-visualization/122437
**Category:** Kibana
**Created:** [March 5, 2018, 5:44am UTC](https://discuss.elastic.co/t/displaying-a-compact-label-for-a-visualization/122437 "2018-03-05T05:44:01Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Nikhil\_Utane](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nikhil_utane/32/27547_2.png) [@Nikhil\_Utane](https://discuss.elastic.co/u/Nikhil_Utane)
#### Post date: [March 5, 2018, 5:44am UTC](https://discuss.elastic.co/t/displaying-a-compact-label-for-a-visualization/122437/1 "2018-03-05T05:44:01Z")

</div>

Hi,

I just want to show a simple & compact label for my visualizations.  
I added markdown viz. But it uses a lot of real-estate. I would really like it to be compact so that it looks neat. If i reduce the height, then it doesn't display entire text (becomes scrollable).  
Are there any tricks to fix this?

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/9/3/93462323ca70df02823158fa0f2dc6b7c4b2e88a.png)

Thanks,  
Nikhil

---

<div class="post-metadata">

### Author: ![jbudz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jbudz/32/45922_2.png) [@jbudz](https://discuss.elastic.co/u/jbudz)
#### Post date: [March 5, 2018, 7:50pm UTC](https://discuss.elastic.co/t/displaying-a-compact-label-for-a-visualization/122437/2 "2018-03-05T19:50:59Z")

</div>

The markdown vis (in TSVB) supports custom css. A simplified example changing the font size:

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/a/2/a2b8956ab76e9d4dd857138d6cd67625a4640844.png)

Does that help?

---

<div class="post-metadata">

### Author: ![Nikhil\_Utane](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nikhil_utane/32/27547_2.png) [@Nikhil\_Utane](https://discuss.elastic.co/u/Nikhil_Utane)
#### Post date: [March 6, 2018, 5:49am UTC](https://discuss.elastic.co/t/displaying-a-compact-label-for-a-visualization/122437/3 "2018-03-06T05:49:32Z")

</div>

Much better. I have to use H3 to avoid it getting cut at the bottom. The font size doesn't make a difference though. Same option is also available in Markdown viz.  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/1/c/1cab111d7c63c63dcfb07a8bcb3ad81905d23645.png)

Thanks.

---

<div class="post-metadata">

### Author: ![Nikhil\_Utane](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nikhil_utane/32/27547_2.png) [@Nikhil\_Utane](https://discuss.elastic.co/u/Nikhil_Utane)
#### Post date: [March 8, 2018, 7:00am UTC](https://discuss.elastic.co/t/displaying-a-compact-label-for-a-visualization/122437/4 "2018-03-08T07:00:38Z")

</div>

It's now looking much neater after I hid the titles for all panels from the 'Share' option. My requirement was to display it in a tabular format. So I added separate Markdown viz. to show the title and the values now appear much larger.

---

<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: [April 5, 2018, 7:00am UTC](https://discuss.elastic.co/t/displaying-a-compact-label-for-a-visualization/122437/5 "2018-04-05T07:00:47Z")

</div>

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