# KB7 Custom Logo

**URL:** https://discuss.elastic.co/t/kb7-custom-logo/176753
**Category:** Kibana
**Created:** [April 14, 2019, 1:19am UTC](https://discuss.elastic.co/t/kb7-custom-logo/176753 "2019-04-14T01:19:51Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![Sjaak01](https://avatars.discourse-cdn.com/v4/letter/s/73ab20/32.png) [@Sjaak01](https://discuss.elastic.co/u/Sjaak01)
#### Post date: [April 16, 2019, 1:36am UTC](https://discuss.elastic.co/t/kb7-custom-logo/176753/3 "2019-04-16T01:36:48Z")

</div>

Okay I found a way to add your own logo. Probably pretty hacky but it works.

Open one of these files depending on the theme you're using:  
`/node_modules/@elastic/eui/dist/eui_theme_light.css`  
`/node_modules/@elastic/eui/dist/eui_theme_dark.css`

Find `.euiHeaderLogo__Icon` and change opacity to 0. This will hide the original logo.

Next look for `euiHeaderLogo`, should be right above `.euiHeaderLogo__Icon`. Add some css such as background-image and background-repeat to add your own logo.

Now look for `.euiHeaderLogo:focus` and delete the line `background: #232635; }` or your logo will disappear when you click it.

---

_[View the full topic](https://discuss.elastic.co/t/kb7-custom-logo/176753)._