Custom WordPress Login Page For Divi and Extra

by | Jul 4, 2017 | Freebies, Free Plugins | 11 comments

This plugin is not available at the moment! It has some bugs and will be updated soon.

In this post, you’ll learn how to build custom WordPress login page with both Divi and Extra themes.

Before Elegant Themes releases Divi 3.0, they made a 100 days series of free amazing Divi stuff; layouts, layout kits, tips and extensions. One of the coolest extensions they offered was Custom Login Page Extension which gives you and your clients who use the default WordPress login page great user experience.

With this extension, you’ll be able to apply custom login design for the Divi theme. Unfortunately, That extension was released only to work with Divi theme! and since there are a lot of users use Extra theme, I found it to be very useful to edit this plugin to work with Extra theme too and share it with you guys.

After you install the plugin, a new page will be added to the WordPress admin menu called Divi 100. The plugin comes with 7 different login styles with the options to change the background color and background image, also you can change the default WordPress logo with your own and login button text color and background color. 

Plugin Settings Page

Custom WordPress Login Page For Divi and Extra
style-2
style-3
style-4
style-5
style-6
style-7

By Abdou

My name is Abdelfatah Aboelghit, a PHP developer from Egypt and my friends call me Abdou!
Here I write and develop products about Divi Theme.

More Article

11 Comments

  1. Tracy

    I love it, and thank you. But why isn’t there an option to change the logo size?

    Reply
    • Abdelfatah

      The plugin developers didn’t include that feature, I just made the plugin to work with Extra theme. But still, you can change the logo size very easily using CSS in this file divi-100-login-page/assets/css/style.css and edit the line number 58 to the width you want.

      Reply
  2. nicolas

    tx a lot

    great feature !

    Reply
  3. Florencio

    Very well written information. It will be helpful to everyone who employess it, including yours truly :). Keep doing what you are doing – looking forward to more posts.

    Reply
  4. Michael

    hi Abdelfatah,

    did you experience issues with the “RESET PASSWORD” feature when using the plugin of divi?
    i tried on 2 sites. and when “re-entering” the new password (after recieving the email with the link for
    resetting) …nothing happens.

    Reply
    • Abdelfatah Aboelghit

      I never faced this issue before but I just checked and I confirm the issue.
      I also found some reports in the original plugin’s GitHub Repo created by Elegant Themes addressing the same issue but with no response from ET
      https://github.com/andyhqtran/Divi-100-Login-Page/issues/27

      I’ll look into it and release a fix.

      Thank you!

      Reply
  5. Logan Couch

    Thank you for this plugin modification for us EXTRA users.

    Reply
  6. Jovin Maneja

    plugin error like change of background and logo not functioning

    Reply
  7. Andrej

    In my opinion, this stuff was one of the best ones from the whole Divi 100 marathon series. These login pages look really nice and can be useful if you want to white-label a WordPress installation.

    Reply
  8. Eric

    To log in the user needs a 12 character password? Is this issue something I change in Divi 100? THanks.

    Reply
    • Abdou

      This is not related to the plugin, check if you are using any other plugin that affects the login page like security plugins.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

All Access Bundle

Get ALL current & future products for $69/year instead of $327/year

Save Now →

Download The Most Powerful WordPress Theme

Pin It on Pinterest

Share This