Custom WordPress Login Page For Divi and Extra

By Abdou

July 4, 2017
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 a great user experience. With this extension, you’ll be able to build custom login page for Divi theme. Unfortunately, That extension was released only to work with Divi theme! and since there are a lot of users useExtra theme including me, 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 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 1

style-1   Style 2 style-2   Style 3 style-3   Style 4 style-4   Style 5 style-5   Style 6 style-6   Style 7 style-7 Enjoy the free extension.  
If you find this plugin useful to you, please consider sharing it with the community. Best.

Written 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.

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 *

More Article

WooCommerce List View For Divi Theme

WooCommerce List View For Divi Theme

WooCommerce List View For Divi is a simple plugin to bring the classic blog list style into your store. The plugin changes the default WooCommerce grid view of Shop, Categories & Tags to a simple blog list style. The WC List View plugin comes with extra options to...

FREE Divi Layout With Custom Buttons Hover Effects

FREE Divi Layout With Custom Buttons Hover Effects

FREE Divi Layout With Custom Buttons Hover Effects SO, this is another Free Divi Layout for you guys hope you like. This layout features 3 cool button hover effects, you can re-use them as you want, all you have to do is to copy the corresponding HTML and CSS. All...

Pin It on Pinterest

Share This