Support » Plugin: GiveWP - Donation Plugin and Fundraising Platform » Any way to change the Give button in sidebar widget to a custom one?

  • Resolved shihtzurescue

    (@shihtzurescue)


    Hi,

    I would like to insert a donation form as a widget in the sidebar. Is there a way to change the default Give button to one of my choosing?

    As an alternative, I tried an image widget with a single view form URL but an extra continue button is added at the bottom for the different display options.

    Thank you in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Ben Meredith

    (@benmeredithgmailcom)

    Hi @shihtzurescue

    I’m glad you reached out here.

    The easiest way to change the button is using CSS code on the page to modify the appearance of the button. That way you still get all the benefits of a true GiveWP button, but can style it to match the look you are going for.

    Without being able to see the page in question, I can give you some general CSS tips:

    Try a snippet like this to change the button to red with white text and a black border:

    
    .give-btn-modal {
        background:red;
        border:2px solid black;
        color:white;
    }
    

    Note that that snippet will change all modal (and button mode) GiveWP buttons to that style. You can select a specific form’s buttons by specifying the Form ID like this:

    
    [id*=give-form-805] .give-btn-modal {
        background:red;
        border:2px solid black;
        color:white;
    }
    

    You’d substitute the 805 in that code for your form​ ID.

    We try our best to “stay in our lane” with Give’s CSS, and let the theme do the bulk of the work of styling.

    If you need assistance implementing custom CSS on your WordPress website, we have this guide for you:
    https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/ ID.

    Thanks!

    • This reply was modified 2 weeks ago by Ben Meredith. Reason: typo

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.