Sign in page have register and sign in form side by side

Support
#1

at the moment the sign in form and the register account form are underneath each other to side by side

#2

Hi @wicara,

Thanks for reaching out.

May I know which page you’re referring? X theme should have no specific styling for logins and registration.

Thanks!

#3

added the page thanks

#4

Hi @wicara,

Are you using a woocommerce shortcode? If you want this login and register form to be side by side, please try adding the following CSS on current page Content CSS:

div#customer_login div {
    width: 50% !important;
    float: left;
}

If this is not the intended outcome, please clarify.

#5

For anyone else I could not use the suggested css as it effected other elements so I tried this and it worked.

@media only screen and (min-width: 768px) {
.col2-set#customer_login .col-1,
.col2-set#customer_login .col-2 {
float: left !important;
width: 47% !important;
margin-right: 0 !important;
margin-left: 0 !important; /* optional /
border:none !important; / optional */
}
.col2-set#customer_login .col-1 {
margin-right: 6% !important;
}
.col2-set#customer_login {
width: 100% !important;
float: none !important;
padding-top: 10%;
}
}

#6

Glad it’s working now and thanks for sharing!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.