- This topic has 20 replies, 8 voices, and was last updated 3 years, 11 months ago by .
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eMember › WP eMember Tweaks › eMember: How do I change the 'Login' button & username and pass box colors?
Tagged: button color, css, customising, customize login form, eMember, emember login form, important, login button
Hi,
Just add this code to the eMember_custom_style.css file to change the color to grey or whatever color you like:
.wp_emember_loginForm input[type=text], input[type=password]{
background: rgb(231, 231, 231) !important;
}
I am trying to find current information on how to change the color of the eMember login button. All of the information that I am finding is either outdated or incomplete or unclear. Could someone please state succinctly how to currently and best change the color of the login button? THANKS!
Post the URL of your login page so I can inspect it using my browser. Then I can give you some sample CSS code tweak for it.
For the record it is 18+ site: [deleted after checking]
You can apply the following CSS tweak. You can add CSS tweaks to your site from the ‘Appearance -> Customize -> Additional CSS’ interface.
.emember_login_submit {
background-color: #FF1493 !important;
color: #FFFFFF !important;
}
This will cause the login button to be “pink” (#FF1493) with white text (#FFFFFF).
Thanks! That worked. I used 85288a for the button to be more consistent with my color theme!