Skip to content
WordPress.org
  • Showcase
  • Plugins
  • Themes
  • Hosting
  • News
    • Learn WordPress
    • Documentation
    • Education
    • Forums
    • Developers
    • Blocks
    • Patterns
    • Photos
    • Openverse ↗︎
    • WordPress.tv ↗︎
    • About WordPress
    • Make WordPress
    • Events
    • Five for the Future
    • Enterprise
    • Gutenberg ↗︎
    • Job Board ↗︎
    • Swag Store ↗︎
  • Get WordPress
Get WordPress
WordPress.org

Plugin Directory

LoginKit — Login Page Customizer

  • Submit a plugin
  • My favorites
  • Log in
  • Submit a plugin
  • My favorites
  • Log in

LoginKit — Login Page Customizer

By Iftakharul Islam
Download
  • Details
  • Reviews
  • Installation
  • Development
Support

Description

LoginKit — Login Page Customizer lets you design a beautiful, branded login page for your WordPress site without writing a single line of code.

Your login page is the first thing users see. With this plugin, you can replace the default WordPress look with something that actually matches your brand. Upload your own logo, set your brand colors, pick a font, add a background image — all from a simple settings page in your dashboard.

Whether you run a membership site, a client project, or a personal blog, this plugin gives you full control over the /wp-login.php page look and feel.

What You Can Customize

Logo
* Upload your own logo or use any image URL
* Control logo width, height, and bottom spacing
* Set a custom link and hover title for the logo
* Hide the logo entirely if you don’t need one

Background
* Set a solid background color
* Use a background image with full control over size, repeat, position, and attachment
* Add a color overlay on top of the background image with adjustable opacity

Login Form
* Change the form background color
* Control form width, padding, and border radius
* Add a custom border with your preferred color and width
* Add or remove the drop shadow around the form
* Adjust the vertical position of the form on the page

Input Fields
* Customize label color, font size, and font weight
* Set input background color, text color, and border styling
* Control input border radius and padding
* Customize the focus state border color and glow

Login Button
* Set button background and text color
* Customize hover background and text color
* Control button font size, font weight, border radius, and padding
* Add text transform (uppercase, lowercase, capitalize)
* Add a custom box-shadow to the button

Links
* Set the color and hover color for all links
* Control link font size and text decoration

Typography
* Choose from 10+ pre-loaded fonts including Inter, Poppins, Roboto, Open Sans, Lato, Montserrat, Raleway, Georgia, and more
* Use any Google Font by pasting in a Google Fonts URL and entering the font name

Messages
* Add a custom welcome message above the login form
* Customize the colors for regular messages, error messages, and success messages (background, border, and text)

Page Elements
* Show or hide the “Remember Me” checkbox
* Show or hide the “Lost your password?” link
* Show or hide the “Back to [Blog]” link
* Add custom footer text with your own color and font size

Who Is This For?

  • Agencies & Freelancers — Deliver a white-labeled login page to every client
  • Membership & LMS Sites — Keep your brand consistent all the way through login
  • Businesses — Replace the WordPress logo with your own and match your company style

Features at a Glance

  • 70+ settings across 9 organized sections
  • 29 color pickers for precise color control
  • No page builder required
  • Lightweight — settings saved directly to the WordPress options table
  • Fully translatable (.pot file included)
  • Works with any theme

External services

This plugin can load a font stylesheet from Google Fonts, a third-party service. This only happens when a site administrator saves a Google Fonts URL in the plugin’s Typography settings — the feature is optional and disabled by default.

When enabled, the browser of anyone visiting the login page requests the stylesheet and font files from fonts.googleapis.com and fonts.gstatic.com, which sends that visitor’s IP address and standard browser request headers to Google. No other data is transmitted.

Service: Google Fonts — https://fonts.google.com
Terms of service: https://developers.google.com/fonts/terms
Privacy policy: https://policies.google.com/privacy

Installation

  1. Upload the loginkit-login-page-customizer folder to the /wp-content/plugins/ directory, or install the plugin directly from the WordPress plugin screen.
  2. Activate the plugin through the Plugins menu in WordPress.
  3. Go to Settings > LoginKit to start designing your login page.
  4. Visit your login page at yoursite.com/wp-login.php to see your changes live.

FAQ

Will this plugin work with my theme?

Yes. The plugin only modifies the WordPress login page (wp-login.php), which is separate from your theme. It works with all themes.

Do I need to know how to code?

No. Every setting has a user-friendly control — color pickers, dropdowns, number inputs.

Where do I find the settings?

After activation, go to Settings > LoginKit in your WordPress admin.

Will my customizations be lost when I update the plugin?

No. All your settings are saved to the WordPress database (options table), not inside plugin files. Updates will not affect your settings.

Can I use my own Google Font?

Yes. In the Typography section, paste your Google Fonts stylesheet URL into the “Google Font URL” field, then type the font’s name into the “Custom Font Name” field.

Can I hide the WordPress logo?

Yes. In the Logo section, check the “Hide Logo” option to remove it completely, or replace it with your own by entering a custom image URL.

Is this plugin compatible with WordPress multisite?

The plugin is designed for single-site installs. Multisite compatibility has not been tested in this version.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“LoginKit — Login Page Customizer” is open source software. The following people have contributed to this plugin.

Contributors
  • Iftakharul Islam

Translate “LoginKit — Login Page Customizer” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

  • Initial release
  • Logo customization (URL, size, link, title, hide option)
  • Background color, image, overlay controls
  • Form container styling (color, width, padding, border, shadow, position)
  • Input field and label styling
  • Login button full styling with hover states
  • Link color and decoration controls
  • Typography with 10+ font options and Google Fonts support
  • Custom welcome message and message/error/success color controls
  • Show/hide page elements (Remember Me, Lost Password, Back to Blog)
  • Custom footer text with color and size control
  • Full translation support

Meta

  • Version 1.0.0
  • Last updated 17 hours ago
  • Active installations Fewer than 10
  • WordPress version 5.6 or higher
  • Tested up to 7.0
  • PHP version 7.4 or higher
  • Tags
    custom loginloginlogin customizerlogin page
  • Advanced View

Ratings

No reviews have been submitted yet.

Your review

See all reviews

Contributors

  • Iftakharul Islam

Support

Got something to say? Need help?

View support forum

  • About
  • News
  • Hosting
  • Privacy
  • Showcase
  • Themes
  • Plugins
  • Patterns
  • Learn
  • Documentation
  • Developers
  • WordPress.tv ↗
  • Get Involved
  • Events
  • Donate ↗
  • Five for the Future
  • WordPress.com ↗
  • Matt ↗
  • bbPress ↗
  • BuddyPress ↗
WordPress.org
WordPress.org
  • Visit our X (formerly Twitter) account
  • Visit our Bluesky account
  • Visit our Mastodon account
  • Visit our Threads account
  • Visit our Facebook page
  • Visit our Instagram account
  • Visit our LinkedIn account
  • Visit our TikTok account
  • Visit our YouTube channel
  • Visit our Tumblr account
Code is Poetry
The WordPress® trademark is the intellectual property of the WordPress Foundation.