Title: Customizing buttons
Last modified: August 21, 2016

---

# Customizing buttons

 *  [jason102178](https://wordpress.org/support/users/jason102178/)
 * (@jason102178)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/customizing-buttons/)
 * 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
 * [http://wordpress.org/plugins/custom-login/](http://wordpress.org/plugins/custom-login/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [jason102178](https://wordpress.org/support/users/jason102178/)
 * (@jason102178)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/customizing-buttons/#post-4085580)
 * 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
 *  Thread Starter [jason102178](https://wordpress.org/support/users/jason102178/)
 * (@jason102178)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/customizing-buttons/#post-4085617)
 * 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..
 * [https://jaysonberger.com/magic-jack-feed-back/contact-us/](https://jaysonberger.com/magic-jack-feed-back/contact-us/)
 *  Plugin Author [Austin](https://wordpress.org/support/users/austyfrosty/)
 * (@austyfrosty)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/customizing-buttons/#post-4085849)
 * 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.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Customizing buttons’ is closed to new replies.

 * ![](https://ps.w.org/custom-login/assets/icon.svg?rev=3077180)
 * [Custom Login](https://wordpress.org/plugins/custom-login/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/custom-login/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/custom-login/)
 * [Active Topics](https://wordpress.org/support/plugin/custom-login/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/custom-login/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/custom-login/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Austin](https://wordpress.org/support/users/austyfrosty/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/customizing-buttons/#post-4085849)
 * Status: not resolved