# Kibana 7.7 change top left logo

**URL:** <https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449>\
**Category:** Kibana\
**Created:** [May 27, 2020, 3:35am UTC](https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449 "2020-05-27T03:35:11Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![MedAmineLazreg](https://avatars.discourse-cdn.com/v4/letter/m/b9bd4f/32.png) [@MedAmineLazreg](https://discuss.elastic.co/u/MedAmineLazreg)\
**Post date:** [May 27, 2020, 3:35am UTC](https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449/1 "2020-05-27T03:35:11Z")

</div>

Hello people, is there any solution to replace the kibana logo ? I tried many solutions for kibana 7.X but it didn't work.  
BTW : I'm using the extracted files to run ELK ( official source ).

Thank you !

---

<div class="post-metadata">

**Author:** ![myasonik](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/myasonik/32/62369_2.png) [@myasonik](https://discuss.elastic.co/u/myasonik)\
**Post date:** [May 27, 2020, 3:56am UTC](https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449/2 "2020-05-27T03:56:11Z")

</div>

There's no official way to white label Kibana.

If you wanted, you can maintain your own OSS fork of Kibana with your logo changed but keeping that up to date could be a significant investment.

---

<div class="post-metadata">

**Author:** ![MedAmineLazreg](https://avatars.discourse-cdn.com/v4/letter/m/b9bd4f/32.png) [@MedAmineLazreg](https://discuss.elastic.co/u/MedAmineLazreg)\
**Post date:** [May 27, 2020, 5:13am UTC](https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449/3 "2020-05-27T05:13:35Z")

</div>

Thank you for your quick return !  
This came after the 7.7 update ? Because for other versions you only need to edit some css and js files not a whole fork.

Thank you again !

---

<div class="post-metadata">

**Author:** ![myasonik](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/myasonik/32/62369_2.png) [@myasonik](https://discuss.elastic.co/u/myasonik)\
**Post date:** [May 27, 2020, 3:53pm UTC](https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449/4 "2020-05-27T15:53:29Z")

</div>

If you've done it in the past, it should be basically the same as it is with 7.7. I don't see anything meaningful that's changed in the header or the icon recently...

---

<div class="post-metadata">

**Author:** ![MedAmineLazreg](https://avatars.discourse-cdn.com/v4/letter/m/b9bd4f/32.png) [@MedAmineLazreg](https://discuss.elastic.co/u/MedAmineLazreg)\
**Post date:** [May 27, 2020, 5:16pm UTC](https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449/5 "2020-05-27T17:16:25Z")

</div>

Thank you very much !

---

<div class="post-metadata">

**Author:** ![Vinit\_Gala](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/vinit_gala/32/70702_2.png) [@Vinit\_Gala](https://discuss.elastic.co/u/Vinit_Gala)\
**Post date:** [June 19, 2020, 10:31am UTC](https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449/6 "2020-06-19T10:31:33Z")

</div>

Paste your logo over  
**D:\kibana-7.7.0-windows-x86\_64\optimize\bundles**  
then,  
**D:\kibana-7.7.0-windows-x86\_64\optimize\bundles\commons.style.css**

at bottom of file put bellow code

```auto
a[data-test-subj="logo"] * {
  display: none;
}  
a[data-test-subj="logo"] {
  background: url('./logo.ico') no-repeat 0 0;
  background-size: auto 26px;
  border-bottom: none;
  background-position: 10px 10px;
 
}

```

Thats It !

---

<div class="post-metadata">

**Author:** ![MedAmineLazreg](https://avatars.discourse-cdn.com/v4/letter/m/b9bd4f/32.png) [@MedAmineLazreg](https://discuss.elastic.co/u/MedAmineLazreg)\
**Post date:** [June 19, 2020, 11:17am UTC](https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449/8 "2020-06-19T11:17:04Z")

</div>

Thank you for your response, but it's the same way for Ubuntu ?

---

<div class="post-metadata">

**Author:** ![MedAmineLazreg](https://avatars.discourse-cdn.com/v4/letter/m/b9bd4f/32.png) [@MedAmineLazreg](https://discuss.elastic.co/u/MedAmineLazreg)\
**Post date:** [June 19, 2020, 11:37am UTC](https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449/9 "2020-06-19T11:37:08Z")

</div>

Actually, it works ! thank you very much

---

<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:** [July 17, 2020, 11:37am UTC](https://discuss.elastic.co/t/kibana-7-7-change-top-left-logo/234449/10 "2020-07-17T11:37:11Z")

</div>

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