Title: button
Last modified: August 30, 2016

---

# button

 *  Resolved [smith234](https://wordpress.org/support/users/smith234/)
 * (@smith234)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/)
 * How do I change the button color to green and make the button longer?
 * [https://wordpress.org/plugins/give/](https://wordpress.org/plugins/give/)

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

 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/#post-6278079)
 * Hi [@smith234](https://wordpress.org/support/users/smith234/)
 * Can you provide a link to the page where you are using Give? That will help me
   to guide you much better with a specific example for customizing the CSS.
 * Thanks!
 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/#post-6278080)
 * Actually, just saw your email as well and your link. Looks like you have a green
   button with a hover effect now. Can you verify that you’re all set, or is there
   something else?
 * Thanks!
 *  Thread Starter [smith234](https://wordpress.org/support/users/smith234/)
 * (@smith234)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/#post-6278108)
 * I don’t like the looks of the button. I don’t like the effect showing part of
   it white. I like the plain buttons on your demo site. How can I do that? I have
   tried and tried. Something on the theme is making like that on mine.
 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/#post-6278112)
 * Ah, I see. This is what you should use:
 *     ```
       input[type="submit"].give-submit,input[type="submit"].give-submit:hover {
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
       }
       ```
   
 * If you want a different hover effect add this afterwards:
 *     ```
       input[type="submit"].give-submit:hover {
       background: #CCC;
       }
       ```
   
 * That’s just an example. Have fun!
 *  Thread Starter [smith234](https://wordpress.org/support/users/smith234/)
 * (@smith234)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/#post-6278113)
 * I put both of those but I don’t see a change. The theme really wants to take 
   over that for some reason.
 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/#post-6278114)
 * I just checked your custom.css stylsheet and it’s entered like this:
 * `[type="submit"]`
 * Please make sure it’s entered instead like this:
 * `[type="submit"]`
 * Thanks!
 *  Thread Starter [smith234](https://wordpress.org/support/users/smith234/)
 * (@smith234)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/#post-6278116)
 * that worked, sorry, it showed up like that in the email. Ty very much, I bought
   the stripe addon, I signed up for braintree but they have requirements, address
   must be listed on page you used, and a return policy must be listed on the page
   even if it’s a donation. If not they will hold funds lol, I have used stripe 
   for years so I will prob just stay with them.
 *  Thread Starter [smith234](https://wordpress.org/support/users/smith234/)
 * (@smith234)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/#post-6278181)
 * How can I make the buttons on the profile editor the same as the donation page?
 *  Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * (@webdevmattcrom)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/#post-6278191)
 * I can’t access your Profile Edit page so it will be a bit more challenging to
   point you there exactly. The best thing for you to do is to get familiar with
   Google Chrome’s Dev Tools to find the ID or Class of that button and then apply
   the styles I gave you previously to that ID or Class. This is a very detailed
   overview of how you do that:
 * [https://developer.chrome.com/devtools/docs/dom-and-styles](https://developer.chrome.com/devtools/docs/dom-and-styles)

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

The topic ‘button’ is closed to new replies.

 * ![](https://ps.w.org/give/assets/icon-256x256.jpg?rev=2873287)
 * [GiveWP - Donation Plugin and Fundraising Platform](https://wordpress.org/plugins/give/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/give/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/give/)
 * [Active Topics](https://wordpress.org/support/plugin/give/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/give/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/give/reviews/)

 * 9 replies
 * 2 participants
 * Last reply from: [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/button-13/#post-6278191)
 * Status: resolved