# How to Customize Kibana 7.6.0 Login Page?
**URL:** https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769
**Category:** Kibana
**Created:** [May 15, 2020, 7:58am UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769 "2020-05-15T07:58:54Z")
**Posts on this page:** 14
**Page:** 2
### Author:  [@Akhil\_Kaithoju](https://discuss.elastic.co/u/Akhil_Kaithoju)
#### Post date: [June 12, 2020, 2:22pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/21 "2020-06-12T14:22:39Z")
Have you edit this file too **x-pack/legacy/plugins/security/public/views/login/\_login.scss**??
---
### Author:  [@Emna1](https://discuss.elastic.co/u/Emna1)
#### Post date: [June 12, 2020, 2:24pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/22 "2020-06-12T14:24:48Z")
I'm using kibana build folder and yes i change this file **\_login.scss**
i add background: url(https://........................1495.jpg) ;
---
### Author:  [@Akhil\_Kaithoju](https://discuss.elastic.co/u/Akhil_Kaithoju)
#### Post date: [June 12, 2020, 2:25pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/23 "2020-06-12T14:25:49Z")
Are you using kibana build folder or gihub source code ??
---
### Author:  [@Emna1](https://discuss.elastic.co/u/Emna1)
#### Post date: [June 12, 2020, 2:28pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/24 "2020-06-12T14:28:06Z")
I'm using kibana build folder.
---
### Author:  [@Akhil\_Kaithoju](https://discuss.elastic.co/u/Akhil_Kaithoju)
#### Post date: [June 12, 2020, 2:29pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/25 "2020-06-12T14:29:49Z")
before you start the kibana you have to remove the bundles
cmd : rm -rf optimize/bundles
Have you done before ?
---
### Author:  [@Akhil\_Kaithoju](https://discuss.elastic.co/u/Akhil_Kaithoju)
#### Post date: [June 12, 2020, 2:36pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/26 "2020-06-12T14:36:52Z")
Try this way background: url('https://........................1495.jpg') ;
---
### Author:  [@Emna1](https://discuss.elastic.co/u/Emna1)
#### Post date: [June 12, 2020, 2:54pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/27 "2020-06-12T14:54:25Z")
i try it background: url('https://........................1495.jpg') ; but it doesn't work . In order to trigger a rebuild i must have to delete the `optimize/bundles/` directory in the kibana install. Then the build system will realize there is no build and recreate it. but i didn't do that when i installed kibana.
---
### Author:  [@Akhil\_Kaithoju](https://discuss.elastic.co/u/Akhil_Kaithoju)
#### Post date: [June 12, 2020, 3:00pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/28 "2020-06-12T15:00:23Z")
I am not saying building. So when you edit any file you have to remove the bundles and restart it. Basically it will optimize the new bundles and update latest code.
---
### Author:  [@Emna1](https://discuss.elastic.co/u/Emna1)
#### Post date: [June 12, 2020, 3:03pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/29 "2020-06-12T15:03:38Z")
Thank you , i understand now , i will try again.
---
### Author:  [@Emna1](https://discuss.elastic.co/u/Emna1)
#### Post date: [June 12, 2020, 5:32pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/30 "2020-06-12T17:32:35Z")
Hi @Akhil_Kaithoju , i tried this command rm -rf optimize/bundles, so this folder is deleted . and then i run kibana from git bash, but there is no changes in login page of kibana.
i hope @marrel try these changes and share with us the results.
---
### Author:  [@Akhil\_Kaithoju](https://discuss.elastic.co/u/Akhil_Kaithoju)
#### Post date: [June 13, 2020, 4:13am UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/31 "2020-06-13T04:13:24Z")
It should be work. It works for me.
---
### Author:  [@Emna1](https://discuss.elastic.co/u/Emna1)
#### Post date: [June 20, 2020, 2:25pm UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/32 "2020-06-20T14:25:41Z")
Hello everyone, I want to know if someone could change or delete this logo
when you create a dashbord and when you click on full screen , you can visualise this logo of kibana. Someone can help me in this please!!
---
### Author:  [@marrel](https://discuss.elastic.co/u/marrel)
#### Post date: [June 23, 2020, 10:32am UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/33 "2020-06-23T10:32:24Z")
I managed to change the logo from login/logout page and from space selector logo:
**For changing logo from space selector page:**
1. go at `kibana\built_assets\css\plugins\spaces\index.dark.css` and `kibana\built_assets\css\plugins\spaces\index.light.css`
2. add some css (the following code lines)
requirement: the image should be inside favicons folder and the size 48x48 pixel
`background: url(http://xxxxxxx.xxxx/ui/favicons/your_image.png);`
`background-position: center;`
`background-repeat: no-repeat;`
... inside the `.spcSpaceSelector__logo {...here..}`
1. go at `kibana/node_modules/@kbn/ui-shared-deps/target/kbn-ui-shared-deps.dark.css` and `kibana/node_modules/@kbn/ui-shared-deps/target/kbn-ui-shared-deps.light.css`
change from 40px to 0px the following:
.euiIcon--xxLarge {
width: 0px;
height: 0px; }
**For changing logo from login/logout page:**
1. go at `kibana\built_assets\css\plugins\security\index.dark.css` and `kibana\built_assets\css\plugins\security\index.light.css`
2. add some css (the following code lines)
requirement: the image should be inside favicons folder and the size 48x48 pixel
`background: url(http://xxxxxxx.xxxx/ui/favicons/your_image.png);`
`background-position: center;`
`background-repeat: no-repeat;`
... inside the `.loginWelcome__logo {.....here......}`
(if you want you can delete the line with the `background-color` or change it to your favourite.)
1. go at `kibana/node_modules/@kbn/ui-shared-deps/target/kbn-ui-shared-deps.dark.css` and `kibana/node_modules/@kbn/ui-shared-deps/target/kbn-ui-shared-deps.light.css`
change from 40px to 0px the following:
.euiIcon--xxLarge {
width: 0px;
height: 0px; }
(if you have done it in the previous change: **For changing logo from space selector page:** , just skip it)
---
### Author:  [@system](https://discuss.elastic.co/u/system)
#### Post date: [July 21, 2020, 10:32am UTC](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769/34 "2020-07-21T10:32:27Z")
This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
[Previous page](https://discuss.elastic.co/t/how-to-customize-kibana-7-6-0-login-page/232769.md?page=1)