Home Forums Basel – Premium Template Reset Password Button Color and Remove Icon in Login SIdebar

This topic contains 5 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 2 months ago.

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

    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

    Private Content Hidden
    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

    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

    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)

You must be logged in to reply to this topic.