Hello,
i have set a login page for you.
please have a look here:
http://prntscr.com/q5i7bw
i have used this code in custom css and also used the
custom widget shortcode plugin.
.page-id-1962 div#vibe_bp_login-2 form#vbp-login-form {
display: grid;
grid-template-columns: 1fr;
padding: 0 25%;
}
.page-id-1962 div#vibe_bp_login-2 .bp_social_connect{ padding: 0 25%;}
.page-id-1962 div#vibe_bp_login-2 a.bp_social_connect_facebook{
margin: 10px 0 0 !important;
padding: 7px 24px !important;
line-height: 1.8 !important;
color: #FFF;
border-radius: 5px;
outline: 0;
font-weight: 600;
text-align: center;
height: 3rem !important;
width: 100% !important;
}
.page-id-1962 div#vibe_bp_login-2 input#side-user-login, .page-id-1962 div#vibe_bp_login-2 input#sidebar-user-pass {
width: 100%;
height: 3rem;
margin-top: 10px;
border-radius: 5px;
}
.page-id-1962 div#vibe_bp_login-2 form#vbp-login-form label {
font-size: 16px;
}
.page-id-1962 div#vibe_bp_login-2 a.vbpregister {
padding: 7px 24px;
line-height: 1.8;
background-color: #78C8Ce;
color: #FFF;
border: none;
outline: 0;
font-weight: 600;
margin-top: 10px;
text-align: center;
text-transform: uppercase;
height: 3rem;
border-radius: 5px;
}
.page-id-1962 div#vibe_bp_login-2 input#sidebar-wp-submit {
text-transform: uppercase;
height: 3rem;
border-radius: 5px;
}
effects made here:
https://development.eiu.ac/login-page/
to change the login url, i am using custom jquery code in wplms >> footer >> google analytics.
jQuery(document).ready(function($){
jQuery('header.sleek ul.topmenu a.vbplogin').on('click',function(event){
event.preventDefault();
event.stopPropagation();
window.location = 'https://development.eiu.ac/login-page/';
});
});
this is going to defenitely work for you.
let me know the results.
.
