Title: GiveWP Multi-level Donation Button CSS
Last modified: August 28, 2020

---

# GiveWP Multi-level Donation Button CSS

 *  Resolved [Steve White](https://wordpress.org/support/users/lbwordpress/)
 * (@lbwordpress)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/givewp-multi-level-donation-button-css/)
 * Hi,
 * Implementing multi-level donation capability.
 * I want to be able to change the color of the text and background of the multi-
   level donation buttons. Is this possible? If yes, how?
 * Everything works but you can’t make out the text of the level buttons (1, 2, 
   3, 4, custom…). Hovering over the buttons makes it a little better as the background
   becomes some what grayed out.
 * Our theme has site level button CSS controls and I have seen CSS code to implement
   other aspects
 * #give-purchase-button {
    color: white; background-color: red; }
 * #give-donation-level-button-wrap {
    background-color: orangered; }
 * Looking for specific code to change the multi-level button color controls.
 * Thank you!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fgivewp-multi-level-donation-button-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Support [Rick Alday](https://wordpress.org/support/users/mrdaro/)
 * (@mrdaro)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/givewp-multi-level-donation-button-css/#post-13329314)
 * Hi [@lbwordpress](https://wordpress.org/support/users/lbwordpress/),
 * Happy to help.
 * You can use this code:
 *     ```
       #give-donation-level-button-wrap .give-donation-level-btn {
           background: red;
           color: white !important;
       }
       ```
   
 * And for hover states:
 *     ```
       #give-donation-level-button-wrap .give-donation-level-btn:hover {
           background: blue;
           color: black !important;
       }
       ```
   
 * Change the color as needed.
 *  Thread Starter [Steve White](https://wordpress.org/support/users/lbwordpress/)
 * (@lbwordpress)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/givewp-multi-level-donation-button-css/#post-13329854)
 * Rick,
 * Awesome! Implemented.
 * Thank you!!
 * Steve

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

The topic ‘GiveWP Multi-level Donation Button CSS’ 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/)

 * 2 replies
 * 2 participants
 * Last reply from: [Steve White](https://wordpress.org/support/users/lbwordpress/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/givewp-multi-level-donation-button-css/#post-13329854)
 * Status: resolved