GiveWP Multi-level Donation Button CSS

  • Resolved Steve White

    (@lbwordpress)


    5 years, 9 months ago

    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 to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Rick Alday

    (@mrdaro)

    5 years, 9 months ago

    Hi @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

    (@lbwordpress)

    5 years, 9 months ago

    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.