# Change background color of a 'controls' visualization component

**URL:** <https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332>\
**Category:** Kibana\
**Created:** [January 23, 2020, 10:13pm UTC](https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332 "2020-01-23T22:13:49Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![rosamar](https://avatars.discourse-cdn.com/v4/letter/r/e480ec/32.png) [@rosamar](https://discuss.elastic.co/u/rosamar)\
**Post date:** [January 23, 2020, 10:13pm UTC](https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332/1 "2020-01-23T22:13:50Z")

</div>

Is it possible to change the background color of a 'controls' visualization component?

Thank you

---

<div class="post-metadata">

**Author:** ![rashmi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashmi/32/16391_2.png) [@rashmi](https://discuss.elastic.co/u/rashmi)\
**Post date:** [January 24, 2020, 12:09am UTC](https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332/2 "2020-01-24T00:09:00Z")

</div>

Am not quite sure why are you trying to do that...do u have a use case for it ? Can you show a mock up ? Currently there is no easy way to do it unless u hack around the code.

Thanks  
Rashmi

---

<div class="post-metadata">

**Author:** ![rosamar](https://avatars.discourse-cdn.com/v4/letter/r/e480ec/32.png) [@rosamar](https://discuss.elastic.co/u/rosamar)\
**Post date:** [January 27, 2020, 8:19pm UTC](https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332/3 "2020-01-27T20:19:19Z")

</div>

Hello @rashmi, thank you for the reply.  
I wanted to differentiate the 'controls' component from the rest of the visualization components to make it more clear/eye-catching to the user and distinguish it as a filtering toolbar rather than 'one of the visualizations'.  
Some of my colleagues express their interest in seeing the 'controls' component as a more distinguish/separate part of the dashboard.

 ![Capture](https://us1.discourse-cdn.com/elastic/original/3X/f/a/fa59963a4e9228c54b9fa0f8a6079c9b99aec0f1.png)  
Do you have any idea/alternative to reach the same goal?

---

<div class="post-metadata">

**Author:** ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)\
**Post date:** [January 28, 2020, 1:48pm UTC](https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332/4 "2020-01-28T13:48:53Z")

</div>

there is no way to make it more visible. You could try adding two long markdown visualizations above and below it, with some color or characters to frame it, but that's pretty much it.

---

<div class="post-metadata">

**Author:** ![rosamar](https://avatars.discourse-cdn.com/v4/letter/r/e480ec/32.png) [@rosamar](https://discuss.elastic.co/u/rosamar)\
**Post date:** [January 28, 2020, 4:44pm UTC](https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332/5 "2020-01-28T16:44:14Z")

</div>

Thank you for the reply and for the suggestion!

---

<div class="post-metadata">

**Author:** ![rosamar](https://avatars.discourse-cdn.com/v4/letter/r/e480ec/32.png) [@rosamar](https://discuss.elastic.co/u/rosamar)\
**Post date:** [January 28, 2020, 4:50pm UTC](https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332/6 "2020-01-28T16:50:21Z")

</div>

@Marius_Dragomir, thanks again.  
I have 3 more questions in the blog, I would really appreciate an answer to. Is there any way to get them on someone's radar?  
1 - [Timelion won't show anything in the graph for any metric other than "count"](https://discuss.elastic.co/t/timelion-wont-show-anything-in-the-graph-for-any-metric-other-than-count/215500)  
2 - [Selecting multiple time-frames to compare data/performace](https://discuss.elastic.co/t/selecting-multiple-time-frames-to-compare-data-performace/214644/4)  
3 - [Canvas filter's title - How can I replace the "--ANY--"?](https://discuss.elastic.co/t/canvas-filters-title-how-can-i-replace-the-any/216327)

---

<div class="post-metadata">

**Author:** ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)\
**Post date:** [January 28, 2020, 4:55pm UTC](https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332/7 "2020-01-28T16:55:05Z")

</div>

Working on them, there's a pretty large queue.

---

<div class="post-metadata">

**Author:** ![rosamar](https://avatars.discourse-cdn.com/v4/letter/r/e480ec/32.png) [@rosamar](https://discuss.elastic.co/u/rosamar)\
**Post date:** [January 28, 2020, 5:07pm UTC](https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332/8 "2020-01-28T17:07:11Z")

</div>

I completely understand! Thank you so much

---

<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:** [February 25, 2020, 5:07pm UTC](https://discuss.elastic.co/t/change-background-color-of-a-controls-visualization-component/216332/9 "2020-02-25T17:07:32Z")

</div>

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