I've read a few posts around how to customize the login page of Kibana but all seem obsolete since from version to version, the code gets changed and so do the mods. I managed to replace the "Welcome to Kibana" and the "Your window into the elastic stack" phrases. There are 2-3 places where thes…

I have the same question. I had a pretty nice looking custom login page but in 6.5.0 the whole structure changed (thanks for the heads up...) and nothing is in the same place. Looking for: Loading circle image location Kibana circle logo on login page css/html that sets the background size/locati…

In case somebody else is looking into customizing Kibana 6.5 I've found the files that need to be edited for most of the basic stuff. Browser title and loading logo (1) kibana-6.5.0/src/ui/ui_render/views/chrome.pug Look for "kibana" and change that to a different text if you want a different ti…

Thank you, this is very helpful. Only add-on comment on your last sentence ... I deleted the "optimize" folder but then Kibana would not start giving me the following (main) error: FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory I managed to deal with it by foll…

One more comment ... by setting the .euiIcon--Large to zero width, the icons from the different visualization types inside Kibana, also shrink. I think a better approach is adding css in node_modules/x-pack/plugins/security/public/index.css specific to the login page and which overrides the origina…

I noticed the same issue. Exactly where do you add that CSS? I added it under the .loginWelcome_header part but it doesn't seem to work for me. Edit: You need to add display:none !important; below .loginWelcom__logo .euiIcon. Same for the spaces index.css if you want to hide the logo there as wel…

[image] Sjaak01: Exactly where do you add that CSS? I added it under the .loginWelcome_header part but it doesn't seem to work for me. I added it right after the closing bracket of the .loginWelcome__header. It needs to be outside since it references the outside element's css class , i.e. .l…

Strange. That is what I did put it doesn't work for me. However I can achieve the same result by doing it as per my previous' post edit.

[image] Sjaak01: Strange. That is what I did put it doesn't work for me. However I can achieve the same result by doing it as per my previous' post edit. I think it might also be that I commented out some lines. Here's how the critical part of index.css looks like: .loginWelcome__header { …

In general, I've been hesitant to rebuild the optimize directory inside Kibana and have been tweaking parameters inside the optimize folder, knowing that I would need to repeat those edits after any future upgrades. But it's a semi-permanent solution and the changes are not hard to repeat if properl…

[image] Sjaak01: Change full screen logo /src/core_plugins/kibana/public/index.css Look for .dshExitFullScreenButton__logo and delete the image string. You can change this to your own path. This was straightforward, no need to delete + re-build optimization folder of kibana.

Discuss the Elastic Stack

Customize Kibana 6.5 Login Page

Elastic Stack Kibana

Topic		Replies	Views
How to Customize Kibana 7.6.0 Login Page? Kibana	33	7286	July 21, 2020
Kibana 7.8.0 ( xpack login page customization ) Kibana elastic-stack-security	9	2419	September 10, 2020
Kibana 7.6 Change Logo's and text on LogIn page Kibana	2	1404	April 10, 2020
Customize logo in Kibana 7.6 Kibana	16	2624	July 10, 2020
[Guide] Customize logo, text screen and loading in Kibana 7.x Kibana	16	19070	December 31, 2019

Elasticsearch is a trademark of Elasticsearch BV, registered in the U.S. and in other countries
Trademarks
Terms
Privacy
Brand
Code of Conduct

Apache, Apache Lucene, Apache Hadoop, Hadoop, HDFS and the yellow elephant logo are trademarks of the Apache Software Foundation in the United States and/or other countries.

Customize Kibana 6.5 Login Page

Related topics