Login page customization issues

[Matteo Riva]

Goodmorning everyone, 

I hope it is not a too complex task, but I would like to customize my keycloak login page. I have already done something by following this small tutorial:

https://www.baeldung.com/keycloak-custom-login-page

Here is a screenshot of the work I have already done:

As you can see, I added two buttons and the background now is light blue.

Nevertheless, I have two issues now:

Number 1:

Following the tutorial, I changed the background color in login/resources/css/login.css. Now I would like to change the background color to white or anything else. I tried to restore the css file and I tried this line too:

.login-pf body { background: #ffffff; background-size: cover; height: 100%; } 

But nothing has changed at all! Why? I am doing the same steps I did when I put that light blue color in the background, but now I cannot change it anymore.

Number 2:

I would like to add an image outside the "sign-in white square". How can I do it? I changed the end of the template.ftl  file by adding this line:

<img src="/opt/keycloak/themes/custom/login/resources/img/logo.png" height="300px" width="500px"/>

I do not know why, but the image is not correctly coded and I can see only this:

Can someone help me please? It would be so appreciated.

Thank you in advance.

Matteo