# Canvas: Area Chart: Change font color

**URL:** <https://discuss.elastic.co/t/canvas-area-chart-change-font-color/178913>\
**Category:** Kibana\
**Tags:** canvas\
**Created:** [April 29, 2019, 11:16am UTC](https://discuss.elastic.co/t/canvas-area-chart-change-font-color/178913 "2019-04-29T11:16:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![dennis.rietvink](https://avatars.discourse-cdn.com/v4/letter/d/278dde/32.png) [@dennis.rietvink](https://discuss.elastic.co/u/dennis.rietvink)\
**Post date:** [April 29, 2019, 11:16am UTC](https://discuss.elastic.co/t/canvas-area-chart-change-font-color/178913/1 "2019-04-29T11:16:07Z")

</div>

Hi there,

I am trying to change the font color of the area chart element. I suspect this can be done through the CSS element style. If have tried the below approaches but didn't work.

.canvasRenderEl {  
color: #ffffff;  
}

.canvasRenderEl {  
p {color: #ffffff;}  
}

Unfortunately I am not very familiar with CSS any help would be appreciated.

Thanks,  
Dennis

---

<div class="post-metadata">

**Author:** ![markov00](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/markov00/32/33316_2.png) [@markov00](https://discuss.elastic.co/u/markov00)\
**Post date:** [April 29, 2019, 11:19am UTC](https://discuss.elastic.co/t/canvas-area-chart-change-font-color/178913/2 "2019-04-29T11:19:51Z")

</div>

Hey Dennis, welcome to our community.

You can change the font color and other font settings of a chart in canvas using the `Chart style` panel. Clicking on the `+` icon it will enables you to configure various part of the chart, including text styles ![32](https://us1.discourse-cdn.com/elastic/original/3X/1/d/1dfe78afc2752c901e8b56b09e364610113b43ab.png)

---

<div class="post-metadata">

**Author:** ![dennis.rietvink](https://avatars.discourse-cdn.com/v4/letter/d/278dde/32.png) [@dennis.rietvink](https://discuss.elastic.co/u/dennis.rietvink)\
**Post date:** [April 29, 2019, 11:22am UTC](https://discuss.elastic.co/t/canvas-area-chart-change-font-color/178913/3 "2019-04-29T11:22:47Z")

</div>

😳 how could I have missed that... just getting familiar with the UI and didnt hit the plus sign yet. Many thanks Mark.

---

<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:** [May 27, 2019, 11:22am UTC](https://discuss.elastic.co/t/canvas-area-chart-change-font-color/178913/4 "2019-05-27T11:22:55Z")

</div>

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