Barrier between Nextend Social Login’s Free Buttons and the reamining Container

This adds a tiny divider between Nextend Social Login’s Free Version’s Buttons to login and your WordPress’ common E-Mail/Username and Password combination. Insert into the functions.php, f.ex. through Code Snippets.

// Add a divider between the login form and social login providers
function add_login_divider() {
  ?>
  <div class="login-divider" align="center">
    <span>ODER</span>
  </div>
  <?php
}
add_action('login_form', 'add_login_divider');

// Move the social login providers below the divider
function move_social_login_below_divider() {
  ?>
  <script>
    jQuery(document).ready(function($) {
      $('.nextend-social-login-providers').insertAfter('.login-divider');
    });
  </script>
  <?php
}
add_action('login_footer', 'move_social_login_below_divider');

Posted

in

by

Tags:

Comments

Leave a Reply

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