Background color (after user click) on donation amount

  • Resolved jdockins1287

    (@jdockins1287)


    5 years, 7 months ago

    Simple donation form with 4 amounts the user can select from. I would like to have the amount the user “clicks” stay a certain color after to indicate the active selection.

    The total amount box updates just fine but wanting to style the options as well.

    Example: $10 $20 $30 $40 ‘total amount box’
    User selects $10 then it would display…

    $10 (background color yellow) $20 $30 $40 ‘total amount=$10’
    thanks

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

  • Hi there,

    To achieve this effect you’ll need to add some CSS that will target this active button on the Give form. Here is the code you’ll need to get started:

    .give-default-level, .give-default-level:hover {
    background-color: yellow;
}

    If you need assistance adding CSS to your site, here is an article we’ve written that walks you through this:
    https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

    Thanks, and have a great rest of your day.

    Hi there,

    I’m going to mark this ticket as resolved, but if there is anything else you need don’t hesitate to reach out.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Background color (after user click) on donation amount’ is closed to new replies.