Open Closed

Changing Login Page Logo and Background #6203


User avatar
0
jordanchen98 created
  • 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)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello jordanchen98,

    please check similar issues

    1. 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
    2. 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

  • User Avatar
    0
    jordanchen98 created

    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.

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    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

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    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,

  • User Avatar
    0
    jordanchen98 created

    Hi Anjali,

    I managed to get it to run. Looks like the keyword was adding '!important' to the end.

    Thanks, Jordan

Made with ❤️ on ABP v9.1.0-preview. Updated on December 05, 2024, 12:19