# Can I use CSS or change colours/fonts of text displayed in VISUALIZATION other than Canvas?

**URL:** https://discuss.elastic.co/t/can-i-use-css-or-change-colours-fonts-of-text-displayed-in-visualization-other-than-canvas/194122
**Category:** Kibana
**Created:** [August 7, 2019, 1:20am UTC](https://discuss.elastic.co/t/can-i-use-css-or-change-colours-fonts-of-text-displayed-in-visualization-other-than-canvas/194122 "2019-08-07T01:20:49Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![jrplus](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jrplus/32/41302_2.png) [@jrplus](https://discuss.elastic.co/u/jrplus)
#### Post date: [August 7, 2019, 1:20am UTC](https://discuss.elastic.co/t/can-i-use-css-or-change-colours-fonts-of-text-displayed-in-visualization-other-than-canvas/194122/1 "2019-08-07T01:20:49Z")

</div>

would like to ask if there is any way to change colours and fonts of text in kibana's Visualization instead of Canvas?

---

<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: [August 8, 2019, 11:55am UTC](https://discuss.elastic.co/t/can-i-use-css-or-change-colours-fonts-of-text-displayed-in-visualization-other-than-canvas/194122/2 "2019-08-08T11:55:20Z")

</div>

Hi @jrplus,

unfortunately there is currently no way to do so in the regular Kibana visualizations. To have more control about the appearance you can use Canvas or [Vega visualizations](https://www.elastic.co/guide/en/kibana/current/vega-graph.html).

---

<div class="post-metadata">

### Author: ![BennyInc](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/bennyinc/32/21751_2.png) [@BennyInc](https://discuss.elastic.co/u/BennyInc)
#### Post date: [August 8, 2019, 12:24pm UTC](https://discuss.elastic.co/t/can-i-use-css-or-change-colours-fonts-of-text-displayed-in-visualization-other-than-canvas/194122/3 "2019-08-08T12:24:46Z")

</div>

There is one more option available, in the TSVB Markdown visualization.  
I am using this to the extreme, with this custom CSS on the Panel options:

```auto
text-align: center;
th, td, tr, table {
    border: none;
}
thead > tr > th {
    padding: 0;
}
th, td {
    border-bottom: 1px dotted #ddd;
    text-align: center;
    font-size: 1.5em;
}
td:nth-child(1) {
    width: 50%;
}
s {
    font-style: normal;
    text-decoration: none;
    color:#BF1B00;
}
em {
    font-style: normal;
    text-decoration: none;
    font-size: 0.5em;
}
a {
    font-size: 4em;
    text-decoration: none;
}

p > a {
    line-height: .8em;
}

```

This allows me to highlight text that has the strike-through applied in red, change font size for links, etc.  
Basically I misuse the various tags that markdown generates and override their style.

---

<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: [September 5, 2019, 12:24pm UTC](https://discuss.elastic.co/t/can-i-use-css-or-change-colours-fonts-of-text-displayed-in-visualization-other-than-canvas/194122/4 "2019-09-05T12:24:47Z")

</div>

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