--- title: "Customizing the Login Page" slug: "customizing-the-login-page" updated: 2022-07-20T14:18:38Z published: 2022-07-20T14:18:38Z canonical: "help.rapididentity.com/customizing-the-login-page" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.rapididentity.com/llms.txt > Use this file to discover all available pages before exploring further. # Customizing the Login Page ## Customizing the Login Page to Your System This is the default RapidIdentity Login page, but each of these elements can be altered through various Configuration settings to customize for your environment. ![Default Login.jpg](https://cdn.document360.io/4d958006-b877-42af-8de5-00e3bb7fe41d/Images/Documentation/Default%20Login.jpg) ### 1. Upload Images First, you need to upload your logos to be used to **Configuration > Systems > Data > Images**. You will need an image for each of the following elements: 1. Login logo 2. Favicon (in the browser tab) 3. Login background if applicable 4. Logos to show in the top left, in both narrow and wide view Doing this will provide URLs that can be used to insert their values into other fields during the process. ![Systems-Data-Images.jpg](https://cdn.document360.io/4d958006-b877-42af-8de5-00e3bb7fe41d/Images/Documentation/Systems-Data-Images.jpg) ### 2. Change the Header Text In **Configuration > General > Localization**, search for the **heading.application** setting. (Initially, it is easiest to search for "RapidIdentity", then scroll through the options to find this in the KEY field.) ![Heading Application Key Change.jpg](https://cdn.document360.io/4d958006-b877-42af-8de5-00e3bb7fe41d/Images/Documentation/Heading%20Application%20Key%20Change.jpg) Hover over the rightmost column and click **Edit** to change what shows up on the main login screen as a header. ![Localization-heading dot app.jpg](https://cdn.document360.io/4d958006-b877-42af-8de5-00e3bb7fe41d/Images/Documentation/Localization-heading%20dot%20app%281%29.jpg) Note If you find that your header text has not changed, click Refresh Cache on the bottom action bar of Configuration > General > Localization. ### 3. Update the Web Template Next, navigate to **Configuration > Security > Identity Providers > Web Template**. This is where you will set up the finalized settings for your login page. 1. Page Title: This will show up as the header stripe at the very top of your login page 2. Favicon URL: This will be the icon that shows up in the tab of your browser when on the login page 3. Custom Logo Image URL: This will be the logo that appears between the header stripe and the authentication field. 4. Set up the colors for the header, header text, background, and body text. Enable Custom CSS if you have any CSS that you would like to apply to the logo, to enlarge, decrease, or apply other changes dynamically. 5. Don't forget to **Save**! Then click **Trigger Web Reload** and refresh your browser for the changes to take effect. ![Web Template.jpg](https://cdn.document360.io/4d958006-b877-42af-8de5-00e3bb7fe41d/Images/Documentation/Web%20Template.jpg) 6. On this screen, scroll down and click the checkbox next to **Load Helplinks in Same Tab/Window** for more user-friendly Claim Account and Forgot Password processes. ![Load Helplinks.jpg](https://cdn.document360.io/4d958006-b877-42af-8de5-00e3bb7fe41d/Images/Documentation/Load%20Helplinks.jpg) 7. To verify all changes have occurred, Log Out and view your new Login Page! ![New Login with Changes for Real.jpg](https://cdn.document360.io/4d958006-b877-42af-8de5-00e3bb7fe41d/Images/Documentation/New%20Login%20with%20Changes%20for%20Real.jpg) You can always click **Reset to Defaults** in **Configuration > Security > Identity Providers > Web Template** to return your Login page to the RapidIdentity Defaults and begin a new customization theme. ![Reset to Default.jpg](https://cdn.document360.io/4d958006-b877-42af-8de5-00e3bb7fe41d/Images/Documentation/Reset%20to%20Default.jpg) ### 4. Set Up Logged In Preferences To update the rest of the branding on the rest of the system after login, go back to the Configuration main menu and navigate to **Configuration > General > Appearance**. Here is where you will place the logo URLs to be used for Wide Logo, Narrow Logo, and Favicon. You will likely need to switch between this window and **Configuration > Systems > Data > Images** to copy/paste the URLs provided. Make sure to **Save** after each addition. You can also change the default colors to show up in the top bar of the user's RapidIdentity experience. ![Logos and Favicon.jpg](https://cdn.document360.io/4d958006-b877-42af-8de5-00e3bb7fe41d/Images/Documentation/Logos%20and%20Favicon.jpg) Note Image URLs with spaces in them **must** be surrounded by quotation marks (") in order to register in the system properly.