# Editing Font Size

**URL:** <https://discuss.elastic.co/t/editing-font-size/132786>\
**Category:** Kibana\
**Created:** [May 22, 2018, 10:46am UTC](https://discuss.elastic.co/t/editing-font-size/132786 "2018-05-22T10:46:54Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dhanashree](https://avatars.discourse-cdn.com/v4/letter/d/8797f3/32.png) [@Dhanashree](https://discuss.elastic.co/u/Dhanashree)\
**Post date:** [May 22, 2018, 10:46am UTC](https://discuss.elastic.co/t/editing-font-size/132786/1 "2018-05-22T10:46:55Z")

</div>

How can i change font size of labels in visualization in kibana 6.2.2.

---

<div class="post-metadata">

**Author:** ![Suhas\_K](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/suhas_k/32/31525_2.png) [@Suhas\_K](https://discuss.elastic.co/u/Suhas_K)\
**Post date:** [May 22, 2018, 12:22pm UTC](https://discuss.elastic.co/t/editing-font-size/132786/2 "2018-05-22T12:22:33Z")

</div>

Hi Dhanashree,

To my knowledge there is no feature on Kibana that lets you change the font size of labels.  
if you wish to change it you can do it by editing the following css file.

```auto
optimize\bundles\commons.style.css

```

find for **.label-text** and change the property shown below. (My current **Kibana** version **6.2.0** )

```auto
font-size: 130%; //change as per your requirment. 

```

#### Steps:

1. Change the font size specifed above
2. Save the changes
3. Refresh kibana. If it doesn't reflect then hard refresh using (CRTL + SHIFT +R)

**Fun Fact**

We can use developers tools avaibale with all the browers which can help you customise the look as per your requirement.  
You can find the link [here](https://developer.chrome.com/devtools) !

---

<div class="post-metadata">

**Author:** ![Dhanashree](https://avatars.discourse-cdn.com/v4/letter/d/8797f3/32.png) [@Dhanashree](https://discuss.elastic.co/u/Dhanashree)\
**Post date:** [June 1, 2018, 3:51am UTC](https://discuss.elastic.co/t/editing-font-size/132786/3 "2018-06-01T03:51:36Z")

</div>

Hi @Suhas_K  
I tried changing the font-size from css file but the change is not reflecting on the visualizations.Is there any other way which i can try out?

---

<div class="post-metadata">

**Author:** ![Suhas\_K](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/suhas_k/32/31525_2.png) [@Suhas\_K](https://discuss.elastic.co/u/Suhas_K)\
**Post date:** [June 1, 2018, 6:12am UTC](https://discuss.elastic.co/t/editing-font-size/132786/4 "2018-06-01T06:12:22Z")

</div>

Hey @Dhanashree,

Try adding the following snippet at the end of the same CSS file

```auto
[ng-if="visState.params.metric.labels.show"] {
    font-size: 150%; // change the value as required.
}

```

The previous answer was for the labels in a pie chart.

![snip](https://us1.discourse-cdn.com/elastic/original/3X/d/d/dd323ec99d17414d6eba181d77f4a8419361f621.PNG)

🐅

---

<div class="post-metadata">

**Author:** ![Dhanashree](https://avatars.discourse-cdn.com/v4/letter/d/8797f3/32.png) [@Dhanashree](https://discuss.elastic.co/u/Dhanashree)\
**Post date:** [June 1, 2018, 6:35am UTC](https://discuss.elastic.co/t/editing-font-size/132786/5 "2018-06-01T06:35:14Z")

</div>

Hi @Suhas_K  
Tried adding the above snippet in the css file but that is not reflecting.

---

<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:** [June 29, 2018, 6:35am UTC](https://discuss.elastic.co/t/editing-font-size/132786/6 "2018-06-29T06:35:14Z")

</div>

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