Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eMember: How do I change the 'Login' button & username and pass box colors?

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

  • This topic has 20 replies, 8 voices, and was last updated 4 years, 6 months ago by BSLLC.
Viewing 6 posts - 16 through 21 (of 21 total)
← 1 2
  • Author
    Posts
  • March 25, 2013 at 10:57 pm #52159
    Peter
    Member

    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;
    }

    November 28, 2020 at 6:24 pm #82071
    BSLLC
    Spectator

    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!

    November 29, 2020 at 3:44 pm #82072
    admin
    Keymaster

    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.

    December 2, 2020 at 7:20 am #82083
    BSLLC
    Spectator

    For the record it is 18+ site: [deleted after checking]

    December 2, 2020 at 5:37 pm #82085
    wzp
    Moderator

    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).

    • This reply was modified 4 years, 6 months ago by admin.
    December 4, 2020 at 3:13 pm #82097
    BSLLC
    Spectator

    Thanks! That worked. I used 85288a for the button to be more consistent with my color theme!

  • Author
    Posts
Viewing 6 posts - 16 through 21 (of 21 total)
← 1 2
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ