Custom Login
Customizing buttons (4 posts)

  1. jason102178
    Posted 2 years ago #

    Hi Austin,

    I was hoping you could shed some light on how to accomplish this, i thought this would be the best way but i guess not...

    I am trying to change the color of the login, register, and forgot password buttin....

    before i just edited the wp-login.php but thats never a good thing to edit core files since every time wordpress is updated it gets overwritten...

    anyways i thought this would work by adding it to custom login

    i added this for the button for login in the html

    `<p class="submit1"><input id="wp-submit" class="btn red" type="submit" tabindex="100" value="Register" name="wp-submit"></p>

    then i added custom css code and i thought it would add it to the login box, but everything i added ended up outside the login box area...

    if you have any suggestions i would appreciate it the button color i am trying to change it to is red with some gradient and an overlay, i have a sample of what my button should look like on my website....

    I thought it might be easier but has proven to be quite hard


  2. jason102178
    Posted 2 years ago #

    the code i use to customize buttons is a little lengthy so i will only post a little of what i have that i use for custom css

    a.red,input.red[type="submit"] {border:1px solid #7C0000;text-shadow:0 -1px 0 #666;background:#b23737;

    .btn {padding:7px 15px 6px;color:white !important;text-align:center;text-decoration:none !important;font:bold 12px/16px Arial, Helvetica, sans-serif;cursor:pointer;-webkit-border-radius:5px;

    from a post that i red earlier it says somthing about
    changing the .login

  3. jason102178
    Posted 2 years ago #

    I know this might be a lot to ask of you, Html and css is not really my strong suite so I need a little help if you could provide with me the code I need to change the login, registration, lost password buttons that would be great

    here is how I am trying to get my buttons to look like, their a gradient red, with a shadow over lay if you put the cursor over it..


  4. Austin Passy
    Plugin Author

    Posted 2 years ago #

    HTML is only added after the login box (it's the only provided hook). You can however move it with some custom jQuery.

    Takea look at the element you are targeting and check the corresponding CSS to match it's override.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Custom Login
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.