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
  • #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.
    #113084

    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

    #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

    #114080

    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

    #114163

    brachoeduardo510
    Participant

    It works now thank you so much!

    #114220

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

    Best Regards

Viewing 6 posts - 1 through 6 (of 6 total)