Home › Forums › Basel support forum › Reset Password Button Color and Remove Icon in Login SIdebar

Reset Password Button Color and Remove Icon in Login SIdebar

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 14, 2019 at 6:57 pm #113011

    brachoeduardo510
    Participant

    Hi Could you please help me providing CSS or any other code needed for:

    1.- Change Reset Password Button Color icluding borders (normal and hover states) as displayed in Image?

    2.- Remove I icon that uses considerable space in Login Sidebar as displaed in image?

    Thanks

    Attachments:
    You must be logged in to view attached files.
    March 15, 2019 at 7:31 am #113084

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .login-form-side .register-question:before {
display:none;
}
body .basel-registration-page .form-row .woocommerce-Button, body .basel-registration-page .btn.btn-color-black.basel-switch-to-register {
    background-color: red!important;
    border-color: red!important;
    color: #ffffff!important;
}
body .basel-registration-page .form-row .woocommerce-Button:hover, body .basel-registration-page .btn.btn-color-black.basel-switch-to-register:hover {
    background-color: green!important;
    border-color: green!important;
    color: #ffffff!important;
}

    Replace the color as per your needs

    Best Regards

    March 20, 2019 at 6:05 pm #114021

    brachoeduardo510
    Participant

    Thanks for your prompt reply.

    Icon issue is solved thank you.

    However, in the screen of reseting password still that same black boarder with transparent background and grey background when hover displays in button. Can you please provide other CSS for solving this?

    I used code like this, but as you can see it still displays with original colors:

    body .basel-registration-page .form-row .woocommerce-Button, body .basel-registration-page .btn.btn-color-black.basel-switch-to-register {
    background-color: #0683c7!important;
    border-color: #0683c7!important;
    color: #ffffff!important;
    }
    body .basel-registration-page .form-row .woocommerce-Button:hover, body .basel-registration-page .btn.btn-color-black.basel-switch-to-register:hover {
    background-color: #0683c7!important;
    border-color: #0683c7!important;
    color: #ffffff!important;
    }

    Thanks

    March 21, 2019 at 8:18 am #114080

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .login .button, 
body .lost_reset_password .button, 
body .register .button {
    border: 2px solid red;
    background-color: red;
    color: #ffffff;
}

    Best Regards

    March 21, 2019 at 2:29 pm #114163

    brachoeduardo510
    Participant

    It works now thank you so much!

    March 21, 2019 at 6:00 pm #114220

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)