# Changing styling of breadcrumb in Header

**URL:** <https://discuss.elastic.co/t/changing-styling-of-breadcrumb-in-header/233670>\
**Category:** Kibana\
**Created:** [May 21, 2020, 5:57am UTC](https://discuss.elastic.co/t/changing-styling-of-breadcrumb-in-header/233670 "2020-05-21T05:57:39Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ravi\_yadav2](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ravi_yadav2/32/61530_2.png) [@ravi\_yadav2](https://discuss.elastic.co/u/ravi_yadav2)\
**Post date:** [May 21, 2020, 5:57am UTC](https://discuss.elastic.co/t/changing-styling-of-breadcrumb-in-header/233670/1 "2020-05-21T05:57:39Z")

</div>

Hi Team,

Please help me to change styling of header breadcrumb. Screenshot attached.

 ![screenshot](https://us1.discourse-cdn.com/elastic/original/3X/4/3/437f81a20da7a1ed0089937d73fac9d47f2d0b05.png)

I want to apply custom style to breadcrumb text

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [May 25, 2020, 9:30am UTC](https://discuss.elastic.co/t/changing-styling-of-breadcrumb-in-header/233670/2 "2020-05-25T09:30:02Z")

</div>

Hi Ravi

so you already have a module in Kibana that allows you adding custom CSS to Kibana? In our current master I could change e.g. the title by adding this CSS:

```
   .euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed).euiBreadcrumb--last {
    font-size: 50px!important;
}

```

However, this might break modify other stylings, but using a browsers devtool you can easily play around with CSS styles and classes. However since we don't officially support such tweaks your changes might get lost when you upgrade Kibana.

Best,  
Matthias

---

<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 22, 2020, 9:30am UTC](https://discuss.elastic.co/t/changing-styling-of-breadcrumb-in-header/233670/3 "2020-06-22T09:30:05Z")

</div>

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