# Add link for logo by 'ui/chrome'

**URL:** https://discuss.elastic.co/t/add-link-for-logo-by-ui-chrome/77135
**Category:** Kibana
**Created:** [March 2, 2017, 11:51am UTC](https://discuss.elastic.co/t/add-link-for-logo-by-ui-chrome/77135 "2017-03-02T11:51:29Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![whoami](https://avatars.discourse-cdn.com/v4/letter/w/a9a28c/32.png) [@whoami](https://discuss.elastic.co/u/whoami)
#### Post date: [March 2, 2017, 11:51am UTC](https://discuss.elastic.co/t/add-link-for-logo-by-ui-chrome/77135/1 "2017-03-02T11:51:29Z")

</div>

how can I add add a link for brand logo by 'ui/chrome'

---

<div class="post-metadata">

### Author: ![Kikketer](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kikketer/32/13813_2.png) [@Kikketer](https://discuss.elastic.co/u/Kikketer)
#### Post date: [March 2, 2017, 4:54pm UTC](https://discuss.elastic.co/t/add-link-for-logo-by-ui-chrome/77135/2 "2017-03-02T16:54:13Z")

</div>

I'd say you have 2 options:

1. Modify the source of kibana: `global_nav.html` You can add the link into the logo section there.
2. Create a hack plugin that will sniff out the logo and `addEventListener`.

I'm looking to do something similar, currently I've changed a bunch of other things with kibana (colors.less for example) but I'm trying to migrate out of having changes directly in Kibana.  
I'll be creating the hack to inject that event listener along with other styling changes and such. I'm sure there are limits and downsides to using a hack plugin vs modifying kibana itself.

The only downside I see so far is that I can't directly modify the loader screen, so that may stay in my kibana fork.

---

<div class="post-metadata">

### Author: ![whoami](https://avatars.discourse-cdn.com/v4/letter/w/a9a28c/32.png) [@whoami](https://discuss.elastic.co/u/whoami)
#### Post date: [March 3, 2017, 2:42am UTC](https://discuss.elastic.co/t/add-link-for-logo-by-ui-chrome/77135/3 "2017-03-03T02:42:59Z")

</div>

1. `The only downside I see so far is that I can't directly modify the loader screen, so that may stay in my kibana fork.`

> I modify the css in a pluin to hack the loader screen.

1. `Create a hack plugin that will sniff out the logo and addEventListener.`

> could you show me some code (add href for brand logo)?

---

<div class="post-metadata">

### Author: ![Kikketer](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kikketer/32/13813_2.png) [@Kikketer](https://discuss.elastic.co/u/Kikketer)
#### Post date: [March 3, 2017, 2:23pm UTC](https://discuss.elastic.co/t/add-link-for-logo-by-ui-chrome/77135/4 "2017-03-03T14:23:30Z")

</div>

Were you able to change the logo itself with the plugin? From what I saw the loader screen is literally written on the html page that then loads all other components of Kibana. I guess I just assumed the plugins weren't available until after the loading screen was done.

For sniffing out the logo you could have a hack plugin that does something like this:

```
document.querySelector('.logo').addEventListener('click', function() {
  window.location = 'http://www.google.com';
});

```

I've only proven this in the browser console, but I think you would know where to place it in a hack. I'm going to spend the next couple weeks exploring a "theme" plugin myself to see if I can get this and the loader styled without modifying Kibana itself.

---

<div class="post-metadata">

### Author: ![whoami](https://avatars.discourse-cdn.com/v4/letter/w/a9a28c/32.png) [@whoami](https://discuss.elastic.co/u/whoami)
#### Post date: [March 6, 2017, 1:52am UTC](https://discuss.elastic.co/t/add-link-for-logo-by-ui-chrome/77135/5 "2017-03-06T01:52:42Z")

</div>

I guess you have done many great hack on kibana, is that a public repo? maybe I can provide some commit

---

<div class="post-metadata">

### Author: ![Kikketer](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/kikketer/32/13813_2.png) [@Kikketer](https://discuss.elastic.co/u/Kikketer)
#### Post date: [March 6, 2017, 2:26pm UTC](https://discuss.elastic.co/t/add-link-for-logo-by-ui-chrome/77135/6 "2017-03-06T14:26:41Z")

</div>

It's not public unfortunately.  
The major changes I've made were to the `colors.less` file and a couple images. The rest of the changes were around the build steps to accommodate our annoying corporate proxy and our build pipeline.

Wreck.js has no plan to work with proxy settings, so I had to pull some serious shenanigans to get things to install properly.

---

<div class="post-metadata">

### Author: ![whoami](https://avatars.discourse-cdn.com/v4/letter/w/a9a28c/32.png) [@whoami](https://discuss.elastic.co/u/whoami)
#### Post date: [March 8, 2017, 5:06am UTC](https://discuss.elastic.co/t/add-link-for-logo-by-ui-chrome/77135/7 "2017-03-08T05:06:07Z")

</div>

what a pity. thx anymore

---

<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: [April 5, 2017, 5:06am UTC](https://discuss.elastic.co/t/add-link-for-logo-by-ui-chrome/77135/8 "2017-04-05T05:06:18Z")

</div>

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