Hi. How customize my login page like example. Please help.

This topic has 2 replies, 2 voices, and was last updated 1 years, 2 months ago ago by Tony Rodriguez

  • 1 Answer
    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

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

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