Return to previous page

Google login in first option in my account drop-down window

This topic has 8 replies, 2 voices, and was last updated 7 months, 3 weeks ago ago by Luca Rossi

  • Avatar: LVRB Love's Rebel
    LVRB
    Participant
    November 8, 2024 at 17:57

    Hello!

    I need to modify the location of the Google Login in the drop-down window of my account so that it appears as the first option.

    Attached capture.

    Please, contact administrator
    for this information.
    #422539 Copied Theme version: 9.4.4
    7 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    November 9, 2024 at 11:07

    Hi @LVRB Love’s Rebel,

    Please try adding this custom CSS codes under Xstore > Theme Options > Theme Custom CSS > Global CSS:

    
form.woocommerce-form.et_b-tab-content.woocommerce-form-login.login.active,
form.woocommerce-form.woocommerce-form-register.et_b-tab-content.register.active {
    display: flex !important;
    flex-direction: column;
}

.woocommerce-form-login .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    order: 0;
}

form.woocommerce-form.et_b-tab-content.woocommerce-form-login.login.active .text-center.et-or-wrapper,
form.woocommerce-form.woocommerce-form-register.et_b-tab-content.register.active .text-center.et-or-wrapper{
    order: -1;
    margin-bottom: 25px;
}

form.woocommerce-form.et_b-tab-content.woocommerce-form-login.login.active .et-google-login-wrapper.text-center,
form.woocommerce-form.woocommerce-form-register.et_b-tab-content.register.active .et-google-login-wrapper.text-center{
    order: -2;
    margin-top: 15px;
}

form.woocommerce-form.et_b-tab-content.woocommerce-form-login a.lost-password {
    width: 100% !important;
    text-align: right;
    margin-bottom: -20px;
}

    Hope it helps!

    #422573 Copied
    Avatar: LVRB Love's Rebel
    LVRB
    Participant
    November 9, 2024 at 16:28

    Hello!

    Thanks for the code. It worked to change the position of the start with google in the pop-up window but it modifies the previous code I had so that from the my account panel it appears in the first position as well.

    The idea is that in both ways of entering the login it appears in the first option.

    The code used previously is this:

    /* LOGIN GOOGLE PRIMERO */
    .woocommerce-form-login {
    display: flex;
    flex-direction: column;
    }
    .woocommerce-form-login .et-or-wrapper {
    order: 2;
    }
    .woocommerce-form-login .lost_password.dt-hide {
    order: 1;
    }
    .woocommerce-form-login .woocommerce-form-row.woocommerce-form-row–wide.form-row.form-row-wide {
    order: 3;
    }
    .woocommerce-form-login .woocommerce-form-row.woocommerce-form-row–wide.form-row.form-row-wide {
    order: 4;
    }
    .woocommerce-form-login .form-row.form-row-wide.flex.justify-content-between.align-center.lost_password.flex-wrap {
    order: 5;
    }
    .woocommerce-form-login .woocommerce-form-row.woocommerce-form-row–wide.form-row.form-row-wide.m0 {
    order: 6;
    }
    .woocommerce-form-login .text-center.lost_password.dt-hide {
    order: 7;
    }

    Can you generate a code that works with both options please?

    Files is visible for topic creator and
    support staff only.
    #422593 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    November 11, 2024 at 10:20

    Dear Love’s Rebel Team,

    We hope this message finds you well.

    Could you kindly disable the “Under Construction” mode temporarily? We would like to review the “My Account” page.

    Thank you for your assistance.

    Best regards,
    8Theme Team

    #422732 Copied
    Avatar: LVRB Love's Rebel
    LVRB
    Participant
    November 11, 2024 at 10:23

    The site to check is the live one, not the test.

    I send you the accesses in the private area.

    Please contact administrator
    for this information.
    #422734 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    November 12, 2024 at 07:02

    Hi @LVRB Love’s Rebel,

    Please use this custom CSS code so it won’t affect the my account page:

    
form.woocommerce-form.et_b-tab-content.woocommerce-form-login.login.active,
form.woocommerce-form.woocommerce-form-register.et_b-tab-content.register.active {
    display: flex !important;
    flex-direction: column;
}

.et_b-tabs-wrapper .woocommerce-form-login .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    order: 0;
}

form.woocommerce-form.et_b-tab-content.woocommerce-form-login.login.active .text-center.et-or-wrapper,
form.woocommerce-form.woocommerce-form-register.et_b-tab-content.register.active .text-center.et-or-wrapper{
    order: -1;
    margin-bottom: 25px;
}

form.woocommerce-form.et_b-tab-content.woocommerce-form-login.login.active .et-google-login-wrapper.text-center,
form.woocommerce-form.woocommerce-form-register.et_b-tab-content.register.active .et-google-login-wrapper.text-center{
    order: -2;
    margin-top: 15px;
}

form.woocommerce-form.et_b-tab-content.woocommerce-form-login a.lost-password {
    width: 100% !important;
    text-align: right;
    margin-bottom: -20px;
}

    Hope it helps!

    #422880 Copied
    Avatar: LVRB Love's Rebel
    LVRB
    Participant
    November 12, 2024 at 15:02

    Thanks!!!

    #422961 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    November 12, 2024 at 17:22

    If you need anything else, please let us know.

    Best regards,
    8Theme Team

    #423021 Copied
  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Google login in first option in my account drop-down window’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme

See All Templates

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