# Custom kibana home

**URL:** https://discuss.elastic.co/t/custom-kibana-home/238427
**Category:** Kibana
**Tags:** docker
**Created:** [June 24, 2020, 9:54am UTC](https://discuss.elastic.co/t/custom-kibana-home/238427 "2020-06-24T09:54:46Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![Shikhar\_Dixit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/shikhar_dixit/32/67265_2.png) [@Shikhar\_Dixit](https://discuss.elastic.co/u/Shikhar_Dixit)
#### Post date: [June 24, 2020, 9:54am UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/1 "2020-06-24T09:54:46Z")

</div>

Hi,  
can anyone help in the customization of the homepage of kibana ui

 ![Screenshot from 2020-06-24 15-22-12](https://us1.discourse-cdn.com/elastic/original/3X/5/c/5c73a27a63614d7dc3498300cf6cbffbe9350571.png)  
I want to remove all the cards and add a pic in the background

---

<div class="post-metadata">

### Author: ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)
#### Post date: [June 24, 2020, 12:46pm UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/2 "2020-06-24T12:46:02Z")

</div>

Hi

This is not officially supported, you could create an own plugin, containing a custom home plugin instead of the provided, or create a plugin containing CSS to hide certain elements

[https://www.elastic.co/guide/en/kibana/current/development-plugin-resources.html](https://www.elastic.co/guide/en/kibana/current/development-plugin-resources.html)

Best,  
Matthias

---

<div class="post-metadata">

### Author: ![Shikhar\_Dixit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/shikhar_dixit/32/67265_2.png) [@Shikhar\_Dixit](https://discuss.elastic.co/u/Shikhar_Dixit)
#### Post date: [June 25, 2020, 7:40am UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/3 "2020-06-25T07:40:38Z")

</div>

I have a custom UI plugin created, I can use that itself to hide the cards on this view, but if I hide euiPanel, wouldn't it affect kibana throughout and hide all the euiPanels??

---

<div class="post-metadata">

### Author: ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)
#### Post date: [June 25, 2020, 7:43am UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/4 "2020-06-25T07:43:14Z")

</div>

Yes, you need to write more specific CSS adaptions

---

<div class="post-metadata">

### Author: ![Shikhar\_Dixit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/shikhar_dixit/32/67265_2.png) [@Shikhar\_Dixit](https://discuss.elastic.co/u/Shikhar_Dixit)
#### Post date: [June 25, 2020, 8:09am UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/5 "2020-06-25T08:09:35Z")

</div>

ok thanks

---

<div class="post-metadata">

### Author: ![Shikhar\_Dixit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/shikhar_dixit/32/67265_2.png) [@Shikhar\_Dixit](https://discuss.elastic.co/u/Shikhar_Dixit)
#### Post date: [July 6, 2020, 10:32am UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/6 "2020-07-06T10:32:36Z")

</div>

@matw I tried to customize the kibana homeApp, by accessing the data-test-subj = homeApp, but the changes were not implemented, please let me know how can I access the specific page?

---

<div class="post-metadata">

### Author: ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)
#### Post date: [July 6, 2020, 2:03pm UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/7 "2020-07-06T14:03:56Z")

</div>

this is a selector you can use, tried it in the browsers dev tools, and it worked.

best,  
Matthias

---

<div class="post-metadata">

### Author: ![ylasri](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ylasri/32/86120_2.png) [@ylasri](https://discuss.elastic.co/u/ylasri)
#### Post date: [July 6, 2020, 2:09pm UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/8 "2020-07-06T14:09:32Z")

</div>

Hi @Shikhar_Dixit,  
I recommand to set the default homeApp to your custom plugin  
and that can be done :  
1- Via kibana.yml just change kibana.defaultAppId  
2- in advanced setup of your kibana space : change Default route

---

<div class="post-metadata">

### Author: ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)
#### Post date: [July 6, 2020, 4:15pm UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/9 "2020-07-06T16:15:13Z")

</div>

the solution @ylasri is a much cleaner approach than tweaking CSS, then you've got more freedom to style and your selectors won't disappear between minors.

---

<div class="post-metadata">

### Author: ![Shikhar\_Dixit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/shikhar_dixit/32/67265_2.png) [@Shikhar\_Dixit](https://discuss.elastic.co/u/Shikhar_Dixit)
#### Post date: [July 7, 2020, 8:19am UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/10 "2020-07-07T08:19:38Z")

</div>

@ylasri setting the defaultAppId in the kibana.yml routes to the mentioned route after login, but the user can still view the homeApp by clicking on the kibana logo. I want to change the view of that window, and include just a background image instead of all the euiPanels.

---

<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: [August 4, 2020, 8:19am UTC](https://discuss.elastic.co/t/custom-kibana-home/238427/11 "2020-08-04T08:19:40Z")

</div>

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