Customize Your WordPress Login Page by Changing Colors, Image and Hiding Forgot Password

If you’re looking to add a personal touch to your WordPress login page, it’s quite simple to do. Recently, I customized my login page by changing the colors and adding a custom image. In addition to these visual changes, I also used CSS to hide the “Forgot Password” link and added a custom link to the homepage.

To get started, you can modify the background color and logo on the login form to match your brand. You’ll also want to use CSS to adjust the layout and style of the form itself. For instance, changing the background color, form shadow, and border-radius can give it a more modern, polished look.

Additionally, if you prefer not to show the “Forgot Password” link, you can use CSS to hide it. I also added a link to my homepage in the footer of the login page to make navigation easier for users.

Keep in mind that you’ll need to customize the CSS to match your own website’s color scheme and logo. With these tweaks, your login page can seamlessly blend with the rest of your website’s design and branding.

Customizing the WordPress login page is a great way to enhance the user experience, and it only takes a few small adjustments to make it look professional and cohesive with your site.

I used Fluentsnippet and created a new snippet called Login Form. Then I placed this coding inside of it.

• You will need to replace the image with your image URL. Line 11
• You will need to replace the url at the end where you want the hyperlink on the image to go to. Line 93
• You will need to edit the css to match your website. Line 4-80
• You can set the width and height of the image.Line 13-15

Author: WP Scriptly, Admin at WpScriptly

Hey, I’m Scot, the guy behind WpScriptly. I create simple, no-fluff WordPress plugins and tools to make your site easier to manage and more powerful. Everything I build is tested on my own projects first — if it’s here, it’s because it works. Thanks for checking out the site. Hope you find something useful at Wp Scriptly.

Recent stories by WP Scriptly:

1. Add Reading Time with a Clock Icon in WordPress – Easy, Lightweight Plugin - Plugin
2. Are Code Snippets Still Worth It? Learn Why Custom Coding Isn’t Dead - Blog
3. Customize the “Read More” Button in Kadence with Ease - Plugin
4. Where to Find Free SVG and PNG Icons for Your Website or App - Blog

*These scripts and plugins are provided as is with no guarantees or warranties. If you need assistance or run into issues, feel free to reach out via the contact page.