Changing styling of breadcrumb in Header

Hi Team,

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

I want to apply custom style to breadcrumb text

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

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