### Author:  [@stanzin\_kadol](https://discuss.elastic.co/u/stanzin_kadol)
#### Post date: [October 18, 2019, 3:58am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/1 "2019-10-18T03:58:35Z")
`/src/ui/public/images/kibana.svg` This path does'nt exist in kibana version 7.4. There is a file named commons.style.css in /usr/share/kibana/optimize/bundles in which def : src image - url of mapbox is there but not of kibana. Can anyone help me with changing the logo of kibana v-7.4 for corporate use ??
---
### Author:  [@matw](https://discuss.elastic.co/u/matw)
#### Post date: [October 18, 2019, 8:28am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/2 "2019-10-18T08:28:20Z")
Hi and welcome to our community! 👋
There's no official way to do this yet, and recently the way the logo was rendered was changed. So you could add e.g. the following rule to customstyle.css, to replace the logo on top left:
```
a[data-test-subj="logo"] * {
display: none;
}
a[data-test-subj="logo"] {
background: url({url of your logo}) no-repeat 0 0;
background-size: auto 26px;
border-bottom: none;
background-position: 10px 10px;
}
```
customstyle.css seems to be a custom plugin of your installation? if so, and it's imported by Kibana, you can add this styles customized to your use case, there.
If you're interested in progress concerning Kibana theming, here's the Github issue:
>
Hope this helps
---
### Author:  [@stanzin\_kadol](https://discuss.elastic.co/u/stanzin_kadol)
#### Post date: [October 21, 2019, 10:40am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/3 "2019-10-21T10:40:52Z")
@matw thank you for the reply.... Hi! I added the code data-test-subj in commons.styles.css using the custom image that i needed. I also made a change in /kibana/src/legacy/ui/public/assets/images/kibana.svg file. After starting kibana, nothing has changed. Is there any other path that i am missing?
---
### Author:  [@matw](https://discuss.elastic.co/u/matw)
#### Post date: [October 21, 2019, 2:25pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/4 "2019-10-21T14:25:49Z")
Have you evaluated, that the loaded commons.styles.css is containing the new css rule? (Via Browser Dev tools)
---
### Author:  [@stanzin\_kadol](https://discuss.elastic.co/u/stanzin_kadol)
#### Post date: [October 23, 2019, 8:29am UTC](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/5 "2019-10-23T08:29:29Z")
No, according to dev tools no new rule is added.Error is refused to execute due to Content Security policy directives...
---
### Author:  [@matw](https://discuss.elastic.co/u/matw)
#### Post date: [October 23, 2019, 12:09pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/6 "2019-10-23T12:09:09Z")
I think you might follow this procedure to add a custom css rule:
> [@Modifications in Kibana](https://discuss.elastic.co/t/modifications-in-kibana/73625):
>
> I am doing some modification in Kibana common.style.css file. for example i am changing logo path. instead of Kibana.svg i am giving xyz.png. changes are working fine.After some time when i restart kibana common.style.css file updating automatically and reverting back all changes what i did. Can you please suggest me how can i stop auto refresh of common.style.css file. Thanks in Advance.....
---
### Author:  [@Sincore](https://discuss.elastic.co/u/Sincore)
#### Post date: [October 23, 2019, 12:51pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/7 "2019-10-23T12:51:03Z")
@matw this worked like a charm thanks! I ended up making a custom plugin with a hack UI export then had it import a .less file so I know the rules will always stick.
---
### Author:  [@ylasri](https://discuss.elastic.co/u/ylasri)
#### Post date: [October 23, 2019, 1:12pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/8 "2019-10-23T13:12:54Z")
Can you share the code of this hack please ?
---
### Author:  [@Sincore](https://discuss.elastic.co/u/Sincore)
#### Post date: [October 23, 2019, 1:18pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/9 "2019-10-23T13:18:54Z")
Sure see below:
Index.js:
```
export default function (kibana) {
return new kibana.Plugin({
id : 'custom_css',
require: ['kibana'],
uiExports: {
hacks: [
'plugins/custom_css/hack'
]
}
});
};
```
hack.js:
```
import 'plugins/custom_css/less/main.less'
```
and my main.less:
```
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;
}
```
---
### Author:  [@system](https://discuss.elastic.co/u/system)
#### Post date: [November 20, 2019, 1:19pm UTC](https://discuss.elastic.co/t/replace-the-kibana-logo-in-version-7-4/204161/10 "2019-11-20T13:19:01Z")
This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.