# How to change background of login page in kibana 7.6.0?

**URL:** <https://discuss.elastic.co/t/how-to-change-background-of-login-page-in-kibana-7-6-0/234494>\
**Category:** Kibana\
**Created:** [May 27, 2020, 8:57am UTC](https://discuss.elastic.co/t/how-to-change-background-of-login-page-in-kibana-7-6-0/234494 "2020-05-27T08:57:42Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Emna1](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/emna1/32/64354_2.png) [@Emna1](https://discuss.elastic.co/u/Emna1)\
**Post date:** [May 27, 2020, 8:57am UTC](https://discuss.elastic.co/t/how-to-change-background-of-login-page-in-kibana-7-6-0/234494/1 "2020-05-27T08:57:43Z")

</div>

Hi, Please i want to remove imgs in login page of kibana 7.6.0  
 ![Capture](https://us1.discourse-cdn.com/elastic/original/3X/9/0/90df22ab443662d632838fd82f6ea38b2cba025a.png)  
and i want to add my own img in backgroud , how can i do that please?

---

<div class="post-metadata">

**Author:** ![wylie](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/wylie/32/81794_2.png) [@wylie](https://discuss.elastic.co/u/wylie)\
**Post date:** [June 23, 2020, 7:31pm UTC](https://discuss.elastic.co/t/how-to-change-background-of-login-page-in-kibana-7-6-0/234494/2 "2020-06-23T19:31:35Z")

</div>

This isn't a feature that we officially support- your best option is to search through the forums for other users who have succeeded at this. We are tracking requests for this feature here: [https://github.com/elastic/kibana/issues/17879](https://github.com/elastic/kibana/issues/17879)

---

<div class="post-metadata">

**Author:** ![chbas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/chbas/32/42023_2.png) [@chbas](https://discuss.elastic.co/u/chbas)\
**Post date:** [June 24, 2020, 8:56am UTC](https://discuss.elastic.co/t/how-to-change-background-of-login-page-in-kibana-7-6-0/234494/3 "2020-06-24T08:56:28Z")

</div>

Hi @Emna1,  
you can try this:

> // Change background image in the login page.  
> .loginWelcome::before {  
> content: 'your image' !important;  
> }  
> .loginWelcome::after {  
> content: 'your image' !important;  
> }

---

<div class="post-metadata">

**Author:** ![marrel](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@marrel](https://discuss.elastic.co/u/marrel)\
**Post date:** [June 25, 2020, 11:43am UTC](https://discuss.elastic.co/t/how-to-change-background-of-login-page-in-kibana-7-6-0/234494/4 "2020-06-25T11:43:20Z")

</div>

Thank you very much @chbas for your valuable reply!! 🙂 I am wondering in which file we have to add the code you mentioned above.

---

<div class="post-metadata">

**Author:** ![chbas](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/chbas/32/42023_2.png) [@chbas](https://discuss.elastic.co/u/chbas)\
**Post date:** [June 25, 2020, 12:35pm UTC](https://discuss.elastic.co/t/how-to-change-background-of-login-page-in-kibana-7-6-0/234494/5 "2020-06-25T12:35:06Z")

</div>

> [@marrel](#):
>
> Thank you very much @chbas for your valuable reply!! 🙂 I am wondering in which file we have to add the code you mentioned above.

Hi @marrel, these are css rules, so as long as you are using `!important;`, it doesn't really matter where to insert them.

---

<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 23, 2020, 12:35pm UTC](https://discuss.elastic.co/t/how-to-change-background-of-login-page-in-kibana-7-6-0/234494/6 "2020-07-23T12:35:07Z")

</div>

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