- ABP Framework version: v7.4.0
- UI Type: Angular
- Database System: EF Core (PostgreSQL)
- Tiered (for MVC) or Auth Server Separated (for Angular): no
- Exception message and full stack trace:
- Steps to reproduce the issue:
How and where do I change the logo for the login page and the background?
5 Answer(s)
-
0
Hello jordanchen98,
please check similar issues
- https://support.abp.io/QA/Questions/446/How-do-I-customize-login-pages-for-Angular-when-using-new-Authorization-Work-Flow-in-version-31#answer-38188880-0159-b68b-a717-39f7ea546c59
- https://support.abp.io/QA/Questions/306/Custom-Login-Page-For-Angular#answer-f749ed9c-a28e-3e06-f27e-39f679935432
please do let me know if find helpful
Thanks, Anjali
-
0
Hi Anjali,
I've added the logo-dark.png and logo-light.png into the logo folder as below.
and also updated the global-style.css
But the logo in the login page still persists.
-
0
Hi,
In this you are using png images for logo. You need to use svg images with the same names and update the names of previous files.
it will result like
please let me know if it helps you.
Thanks, Anjali
-
0
Hi,
To change the background of login page you can add this code in global-style.css
:root .lpx-login-bg { background-image: url('//image_url') !important; }It will look like
Thanks,
-
0
Hi Anjali,
I managed to get it to run. Looks like the keyword was adding '!important' to the end.
Thanks, Jordan
