If you want to be able to move your sign-in button from the bottom of the create account form. Here is how you can get this done in under 3mins.
After implementation
Step 1:
Add the below JS to your footer block .
<script>
// load this only on the register page
if ($('body.ex-register').length > 0) {
$('.register-form .form-container > div.form-group').addClass('removeButton');
var signInButton = $('.register-form .form-container > div.form-group').html();
$('.register-form > img.logo').after(
"<div class=\"row\"><div class=\"col-sm-12\"><div class=\"form-container mySignInButton\">" + signInButton + "</div></div></div>" );
$(".register-form h1").css("margin-top", "0px");
}
</script>
Step 2:
Add the below to your CSS block
.register-form h1 {
margin-top: 142px;
}
/* Remove the logo to make more room */
.register-form > img.logo {
display: none;
}
/* Remove the original logo */
.removeButton {
display:none;
}
.mySignInButton {
min-width: 310px;
max-width: 500px !important;
width: 100%;
box-shadow: none !important;
border: none !important;
padding-bottom: 0px !important;
margin-bottom: 13px !important;
}
That's it. All done. Now go check it's all working.