Customize logo in Kibana 7.6

Elastic Stack Kibana
5

Hi,
as long as there is no official way to do it, you can try using this hacky-way:

  • First, go to :

src/core/server/rendering/views/styles.tsx

you will find some css rules defined in 'dangerouslySetInnerHTML'.

  • Apply the changes mentioned here by adding these rules:

a[data-test-subj="logo"] * {
display: none;
}
a[data-test-subj="logo"] {
background: url(URL TO YOUR LOGO) no-repeat 0 0;
background-size: auto 26px;
border-bottom: none;
background-position: 10px 10px;
}

and the logo should be changed!