# Customize logo in Kibana 7.6

**URL:** <https://discuss.elastic.co/t/customize-logo-in-kibana-7-6/234771>\
**Category:** Kibana\
**Created:** [May 28, 2020, 3:30pm UTC](https://discuss.elastic.co/t/customize-logo-in-kibana-7-6/234771 "2020-05-28T15:30:23Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![chbas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/chbas/32/42023_2.png) [@chbas](https://discuss.elastic.co/u/chbas)\
**Post date:** [May 29, 2020, 1:49pm UTC](https://discuss.elastic.co/t/customize-logo-in-kibana-7-6/234771/5 "2020-05-29T13:49:11Z")

</div>

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](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/7) 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!

---

_[View the full topic](https://discuss.elastic.co/t/customize-logo-in-kibana-7-6/234771)._