CSS for Changing Background Color on registration/login/forget-password pages

  • Resolved aoi0515

    (@aoi0515)


    4 years, 4 months ago

    Hi,
    I am struggling to change the background colors.
    Please help me.

    Here is what I want:
    1.Change the background color of registration/login/forgot-password pages into transparent (with no border.)
    2.Change the background color of the buttons into #E08660 on each pages.

    I did wrote CSS to apply 1, but then the background color for buttons on login/forgot-password pages became transparent and can’t be changed.

    Here is What I wrote:

    add_action( 'wp_head', function () { ?>
<style>

.ur-frontend-form.ur-frontend-form--flat {
    background: transparent;
    border: transparent;
}
	
.ur-frontend-form {
    border: none;
}
	
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    border: none;
}

</style>
<?php } );

    Please teach me how to fix this issue.
    Thank you.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support sanjuacharya77

    (@sanjuacharya77)

    Hi @aoi0515,

    You can simply use given custom CSS code to meet your requirements.

    .css code here

    #user-registration, .ur-frontend-form.ur-frontend-form--flat {
    background: transparent;
}
.ur-frontend-form button, .ur-frontend-form button[type=submit], .ur-frontend-form input[type=submit] {
  background-color: #E08660;
}

    Paste this code in the additional CSS box. You can find the additional CSS box in your theme customization option. Click on Appearance > Customize and then scroll a bit and you will see the Additional CSS box. Paste this code there and it will do the trick.

    Let me know if it helps or not and I will get back to you.
    Regards!

    Thread Starter aoi0515

    (@aoi0515)

    Thank you!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS for Changing Background Color on registration/login/forget-password pages’ is closed to new replies.

Tags