# How to add Markdown visualize background color and styles

**URL:** https://discuss.elastic.co/t/how-to-add-markdown-visualize-background-color-and-styles/208454
**Category:** Kibana
**Created:** [November 19, 2019, 8:26am UTC](https://discuss.elastic.co/t/how-to-add-markdown-visualize-background-color-and-styles/208454 "2019-11-19T08:26:30Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Gnanendra](https://avatars.discourse-cdn.com/v4/letter/g/65b543/32.png) [@Gnanendra](https://discuss.elastic.co/u/Gnanendra)
#### Post date: [November 19, 2019, 8:26am UTC](https://discuss.elastic.co/t/how-to-add-markdown-visualize-background-color-and-styles/208454/1 "2019-11-19T08:26:30Z")

</div>

Hi All,

I have created Kibana Markdown Visualize.but how to add styles for that visualize.  
Example: backgroud-color, text-align etc.

Note : Now i am using kibana,elasticsearch versions 7.3.0

 ![Screenshot%20from%202019-11-19%2013-11-50](https://us1.discourse-cdn.com/elastic/original/3X/5/f/5f6a4bdc6141c00bbacb2ce05124bec38060b0c9.png)

please help me.

Thanks,  
gnanendra

---

<div class="post-metadata">

### Author: ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)
#### Post date: [November 19, 2019, 8:59am UTC](https://discuss.elastic.co/t/how-to-add-markdown-visualize-background-color-and-styles/208454/2 "2019-11-19T08:59:04Z")

</div>

Hi, it's not possible to add custom CSS in the markdown visualization.

However you can work around that limitation by using the [TSVB](https://www.elastic.co/guide/en/kibana/current/TSVB.html) visualization in markdown mode. In the `Panel options` tab you can specify custom CSS for your markdown visualization, e.g. giving `h3`s or `p`s a custom background color.

---

<div class="post-metadata">

### Author: ![Gnanendra](https://avatars.discourse-cdn.com/v4/letter/g/65b543/32.png) [@Gnanendra](https://discuss.elastic.co/u/Gnanendra)
#### Post date: [November 19, 2019, 9:12am UTC](https://discuss.elastic.co/t/how-to-add-markdown-visualize-background-color-and-styles/208454/3 "2019-11-19T09:12:25Z")

</div>

HI flash,

Thanks to the quick replay.

now i am using only markdown visualization. but i am not using time series visualization.  
(my actual problem is i have created time-series visualization.and added to dashboard.but this dashboard not showing without an index(it is default dashboard). that's why now i have created markdown visualization without index.)

or any other way to create time-series visualization without index.

Thanks,  
gnanendra

 ![Screenshot%20from%202019-11-19%2014-39-45](https://us1.discourse-cdn.com/elastic/original/3X/3/d/3d0c408e7c8c9f67ca6204568a441c368340a008.png)

---

<div class="post-metadata">

### Author: ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)
#### Post date: [November 19, 2019, 9:25am UTC](https://discuss.elastic.co/t/how-to-add-markdown-visualize-background-color-and-styles/208454/4 "2019-11-19T09:25:06Z")

</div>

I'm not sure I understand you correctly - as long as you enter a `*` as the index pattern in TSVB it should show the markdown text, given you have at least one index in your Elasticsearch instance. Which index should not matter because in your use case you are not accessing the data anyway.

 ![41](https://us1.discourse-cdn.com/elastic/original/3X/b/d/bd3e759bd55c02e406553962a594eaa78b1e7ddb.png)

Or do you mean something else?

---

<div class="post-metadata">

### Author: ![Gnanendra](https://avatars.discourse-cdn.com/v4/letter/g/65b543/32.png) [@Gnanendra](https://discuss.elastic.co/u/Gnanendra)
#### Post date: [November 19, 2019, 5:20pm UTC](https://discuss.elastic.co/t/how-to-add-markdown-visualize-background-color-and-styles/208454/5 "2019-11-19T17:20:05Z")

</div>

Thank you flash

once again thanks to your support

---

<div class="post-metadata">

### Author: ![Gnanendra](https://avatars.discourse-cdn.com/v4/letter/g/65b543/32.png) [@Gnanendra](https://discuss.elastic.co/u/Gnanendra)
#### Post date: [November 20, 2019, 5:11am UTC](https://discuss.elastic.co/t/how-to-add-markdown-visualize-background-color-and-styles/208454/6 "2019-11-20T05:11:07Z")

</div>

it is working fine.

---

<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: [December 18, 2019, 5:11am UTC](https://discuss.elastic.co/t/how-to-add-markdown-visualize-background-color-and-styles/208454/7 "2019-12-18T05:11:09Z")

</div>

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