Return to previous page

Reply 346592 to: Hi. How customize my login page like example. Please help.

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
February 10, 2023 at 09:28

Hello @Kestutis,

We suggest that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After doing so, please clear your browser’s cache and check your site again.

.woocommerce-account form.woocommerce-form-login.login {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-account form.woocommerce-form-login.login .et-or-wrapper {
    display: none;
}

.woocommerce-account form.woocommerce-form-login.login .et-google-login-wrapper, 
.woocommerce-account form.woocommerce-form-login.login .et-facebook-login-wrapper {
     order: -1;
     flex: 1;
     margin: 5px 0;
 }

.woocommerce-account form.woocommerce-form-login.login .et-google-login-wrapper ~ .et-facebook-login-wrapper {
    margin-inline-start: 15px;
}

Thank you for your cooperation.

Best Regards,
8Theme’s Team

#346592
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.