Techit Dev

<p>TID Custom Login Page plugin can manage to customize your WordPress Login page. You may update Image and color. Also You can change background Image and background overlay from back end.</p>
<p>Plugin documentation: <a href="https://wordpress.org/plugins/tid-custom-login-page/" rel="ugc">https://wordpress.org/plugins/tid-custom-login-page/</a></p>
<h4>Docs and support</h4>
<p>You can find <a href="https://techitdev.com/documentation/tid-custom-login-page-wordpress-plugin/" rel="nofollow ugc">docs</a>, <a href="https://techitdev.com/faq/" rel="nofollow ugc">FAQ</a> and more detailed information about Scroll to Top pluign on <a href="https://techitdev.com/contact/" rel="nofollow ugc">techitdev.com</a>. When you cannot find the answer to your question on the FAQ or in any of the documentation, check the <a href="https://wordpress.org/support/plugin/tid-custom-login-page/" rel="ugc">support forum</a> on WordPress.org. If you cannot locate any topics that pertain to your particular issue, post a new topic for it. <a href="https://github.com/kawsarujjaman/" rel="nofollow ugc">About the Author</a></p>
<h4>TID Custom Login needs your support</h4>
<p>It is hard to continue development and support for this free plugin without contributions from users like you. If you enjoy using TID Custom Login and find it useful, please consider <a href="https://www.buymeacoffee.com/techitdev/" rel="nofollow ugc">making a donation</a>. Your donation will help encourage and support the plugin’s continued development and better user support.</p>
<h3>You may changes the settings</h3>
<ul>
<li>Change WordPress Default Logo.</li>
<li>Change Primary Colors.</li>
<li>Change Secondary Colors.</li>
<li>Change Background Image .</li>
</ul>
<h4>Usage</h4>
<ul>
<li>Go to your Dashboard after installation and navigate to “Login Option” to configure the accordion.</li>
<li>Change the Primary Color for the Login Button Color and Input Border Color.</li>
<li>Change the Secondary Color for the Go To Back Button</li>
<li>Upload Logo and Background Image. You can not directly upload images here. First, upload the image in Media and copy the media link and paste the media link here. </li>
<li>You can Change the Background Image Overlay Color. Just input 0.1 to 0.9 in the Background brightness area.</li>
</ul>
<h4>Features</h4>
<ul>
<li>Very easy installation.</li>
<li>Unlimited Colors option.</li>
<li>Custom login page logo option.</li>
<li>Custom logo image.</li>
<li>Lightweight and fast.</li>
<li>Flexible and easy to use.</li>
</ul>


TID Custom Login Page

TID Custom Login Page plugin will help to customize your WordPress Login page. You may update Image and color.

Pathhan

fkfaisalkhan007

mohammadhanif

zish

Sharik Khan

Alexander

FARAZFRANK

A WP Life

<p>Login Page Customizer lets you design a custom WordPress login page using the native WordPress Customizer. All changes appear in real-time, so you can see exactly how your login page will look before saving.</p>
<p><strong>View Pro Login Page Templates:</strong> <strong><a href="https://awplife.com/demo/customizer-login-page-premium/" rel="nofollow ugc">Customizer Login Page Premium Demo</a></strong><br />
<strong>Learn More About Pro:</strong> <strong><a href="https://awplife.com/wordpress-plugins/customizer-login-page-premium/" rel="nofollow ugc">Customizer Login Page Premium Features</a></strong><br />
<strong>Get Pro:</strong> <strong><a href="https://awplife.com/account/signup/customizer-login-page-premium" rel="nofollow ugc">Buy Customizer Login Page Premium</a></strong></p>
<p>This plugin works directly within the WordPress Customizer interface. You don’t need any coding knowledge to use it. Simply navigate to Appearance > Customize, and you’ll find all the login page options organized in easy-to-use panels.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/leIKM10deIY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>What You Can Customize</h3>
<p><strong>Logo Settings</strong></p>
<ul>
<li>Upload your own logo image</li>
<li>Adjust logo height and width</li>
<li>Set custom logo link URL</li>
<li>Control logo margins and positioning</li>
</ul>
<p><strong>Background Options</strong></p>
<ul>
<li>Set a background image from your media library</li>
<li>Choose solid background colors</li>
<li>Create gradient backgrounds with custom angles</li>
<li>Control image repeat, size, and position</li>
</ul>
<p><strong>Login Form Styling</strong></p>
<ul>
<li>Customize outer and inner form dimensions</li>
<li>Set form background colors or images</li>
<li>Add borders with custom colors and styles</li>
<li>Apply shadow effects to forms</li>
<li>Reposition forms anywhere on the page</li>
</ul>
<p><strong>Input Fields and Labels</strong></p>
<ul>
<li>Change input field colors and dimensions</li>
<li>Customize label text colors and alignment</li>
<li>Choose from Google Fonts for label text</li>
<li>Modify default label text</li>
</ul>
<p><strong>Button Design</strong></p>
<ul>
<li>Set button colors for normal and hover states</li>
<li>Adjust button size and padding</li>
<li>Add custom border styles</li>
<li>Control button alignment and shadows</li>
</ul>
<p><strong>Links and Messages</strong></p>
<ul>
<li>Customize “Lost Password” link appearance</li>
<li>Style the “Back to” link</li>
<li>Modify login, logout, and error messages</li>
<li>Design the message and error notification boxes</li>
</ul>
<p><strong>Additional Options</strong></p>
<ul>
<li>Add custom footer text and copyright</li>
<li>Insert custom CSS for advanced styling</li>
<li>Add custom JavaScript if needed</li>
<li>Export and import your settings</li>
</ul>
<h3>Predesigned Templates</h3>
<p>The plugin includes ready-made presets created by professional designers. These templates help you get started quickly, and you can customize them further to match your brand.</p>
<h3>Free vs Pro Features</h3>
<p><strong>Free Version Includes:</strong></p>
<ul>
<li>Page title customization</li>
<li>Logo upload and basic positioning</li>
<li>Background image and solid colors</li>
<li>Outer and inner form styling</li>
<li>Input field and label customization</li>
<li>Button color and size options</li>
<li>Link styling (Lost Password, Back to)</li>
<li>Message and error box design</li>
<li>Footer text customization</li>
<li>Custom CSS and JS fields</li>
<li>Export/Import settings</li>
<li>Basic presets</li>
</ul>
<p><strong>Pro Version Adds:</strong></p>
<ul>
<li>18+ professionally designed presets</li>
<li>Video background support</li>
<li>Advanced gradient options with multiple color stops</li>
<li>Full Google Fonts library access</li>
<li>Advanced shadow controls</li>
<li>Form repositioning with X/Y axis control</li>
<li>Password field eye icon positioning</li>
<li>Priority email support</li>
</ul>


Login Page Customizer

Customize your WordPress login page with live preview. Change logo, background, colors, forms, and buttons easily using the native Customizer.

TID Custom Login Page vs Login Page Customizer