Hi!
Does anyone know how I can change the Camunda logo in the login page?
Thank you!
1 Like
Hello guys!
Take a look at this post below, there I explain how this can be done.
Hello my friend!
Inside src/main/resources you should have the META-INF folder.
Add a resources folder, and a webjars.
I’ll send you an image of my project as an example:
[image]
Place the logo image you want in the “assets/images” folder.
You will need to create this folder structure, and add the “user-styles.css” inside the “styles” folder. Notice that you will have a folder for each of the webapps (cockpit / tasklist / admin and welcome page).
To run your project you will also need to …
I hope I helped!
If this solves your problem, please mark the answer as “Solution” so that the topic is finished correctly and more people can easily find the solution when they search.
William Robert Alves
It does not work in the login page. Also I work with Camunda 7 tomcat. My question with image in:
Hello,
I am trying to configure a Camunda application (tomcat installed). managed to change the language, manage the navigation bar and the LOGO in it.
[image]
But I can’t find information anywhere on how to change the LOGO in the login window?
[image]
Hello my friend @Zivile_Botyriute !
To adjust something on the login screen, you need to change the user-styles.css
file inside the welcome
folder.
The login screen files are stored in this folder.
Below I am leaving an example of the CSS code that modifies the login screen logo, and also the folder structure used.
Hope this helps.
William Robert Alves
Hi @WilliamR.Alves
This method didn’t work for me, but with your help I managed to find a solution.
Hi William,
Thank you very much for the answer, but I tried to add it and there is no difference for me. Still the logo remains. But you helped me understand the point. I don’t know why, but I have different div classes than yours. Well, thanks to you, I found a way to solve it.
This fix works for me:
.login-header svg{
display: none;
}
.form-signin .login-header {
background-image: url(../assets/images/logo.png);
background-repeat: no-repeat;
background-size: 300px 60px;
backgroun…