Hi, All I managed to put a custom background on the login page via custom scss. However i don’t know how to change the login E icon , 2) How to remove or change the Home icon and the Login to frappe is quite transparent i want to make it more dark or delete, and last if possible transparent the l…

Name: How to Use Chrome Developer Tools for CSS Changes
Uploaded: 2024-05-29T05:57:37Z
Description: f12 Sample video. [How to Use Chrome Developer Tools for CSS Changes]

[image] rs115199789: E icon [image] [image] rs115199789: How to remove or change the Home icon Check that class then apply display none [image] rs115199789: Login to frappe is quite transparent i want to make it more dark or delete, Please check the CSS in the reference post.…

I tried but i can’t find similar to like yours, can you please check it, as i don;t know much about this. body, html { margin: 0; padding: 0; width: 100%; height: 100%; font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; background: url(‘/files/wmkw…

The best way to apply changes is to open the console and make the changes one by one, checking the effects after each change. If it works properly, apply it to the code. Sometimes, the changes might not take effect immediately, so you may need to build the app using bench build --force.

[image] NCP: Check that class then apply display none how to open the console ?

f12 Sample video. [How to Use Chrome Developer Tools for CSS Changes]

thanks for the video , you deserve a raise :slight_smile:

hi, @NCP I managed to change the styles, and the video is quite helpful too, however after changing the styles, how can i save it ? Thank you [Capture]