Skip to content

Instantly share code, notes, and snippets.

@wpacademy
Created October 19, 2020 11:19
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save wpacademy/f185f221b45c7ef18e73f0846e97bfa3 to your computer and use it in GitHub Desktop.
Save wpacademy/f185f221b45c7ef18e73f0846e97bfa3 to your computer and use it in GitHub Desktop.
/*
* CSS code for WordPress Login, Signup Page Design Tutorial.
* Author: WP Academy
& Tutorial Link:
*/
.wpac-custom-login-form #um-submit-btn , .wpac-custom-signup-form #um-submit-btn {
background: #242A56 !important;
margin-top: 15px;
border-radius: 0px !important;
}
.wpac-custom-signup-form #um-submit-btn {
background: #8A4DEC !important;
}
.wpac-custom-login-form .um .um-form input[type=text], .wpac-custom-login-form .um .um-form input[type=tel], .wpac-custom-login-form .um .um-form input[type=password], .wpac-custom-login-form .um .um-form textarea {
border: none !important;
border-bottom: 3px solid #ccc !important;
padding: 20px 20px 20px 40px !important;
transition: 0.5s all;
}
.wpac-custom-login-form .um .um-form input[type=text]:focus, .wpac-custom-login-form .um .um-form input[type=tel]:focus, .wpac-custom-login-form .um .um-form input[type=password]:focus, .wpac-custom-login-form .um .um-form textarea:focus {
border-bottom: 3px solid #242A56 !important;
}
.wpac-custom-signup-form .um .um-form input[type=text], .wpac-custom-signup-form .um .um-form input[type=tel], .wpac-custom-signup-form .um .um-form input[type=password], .wpac-custom-signup-form .um .um-form textarea {
border: none !important;
border-bottom: 3px solid #ccc !important;
padding: 10px 20px 10px 20px !important;
transition: 0.5s all;
}
.wpac-custom-signup-form .um .um-form input[type=text]:focus, .wpac-custom-signup-form .um .um-form input[type=tel]:focus, .wpac-custom-signup-form .um .um-form input[type=password]:focus, .wpac-custom-signup-form .um .um-form textarea:focus {
border-bottom: 3px solid #242A56 !important;
}
.wpac-custom-signup-form .um-field-label {
margin-bottom: 0 !important;
}
@mahamudulhasan2021
Copy link

thanks

@Stanjae
Copy link

Stanjae commented Apr 28, 2022

nice work..Nigga!!

@SipraGhosh
Copy link

how can i change color of "forgot password link", "privacy policy", "keep me sign in" links

@durdanaeva
Copy link

hi, how do i change button color? I have changed button color in main settings (from where it should effect whole theme ). but it is not showing on login and create account page.

Also I would like to add a document tab to user account where admins can upload docs for each user and only that user can see it. how do i do that? do you have any video on that?

@neelakandan-ideaux
Copy link

hellow

@KangPvP
Copy link

KangPvP commented Aug 6, 2023

Merci pour ce super tuto

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment