How to style the donate button

  • Resolved thecollins14

    (@thecollins14)


    7 years, 5 months ago

    I would like to be able to change the text and background colour of the donate button but there seems to be no styling options within the plugin settings to do this. Is there any other way I can do this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • gsamsmith

    (@gsamsmith)

    7 years, 5 months ago

    Hi there,

    To change the styling on the donate button you will need to use CSS.

    The selector for the donate button is the id “give-purchase-button”

    Here is an example of the code you would use:

    #give-purchase-button {
	color: white;
	background-color: red;
}

    This would make the button text white and the button background red.

    The code can be placed in either your theme’s style.css file or in the WP Customizer.

    Let me know if you have any further questions and I’ll be happy to help.

    Thread Starter thecollins14

    (@thecollins14)

    7 years, 5 months ago

    Hi

    I put in a hex code for the background colour and at first it wasn’t working until I pre-fixed the hex code with a # and now it all works perfectly.

    Thanks so much for your help! 🙂

    Plugin Contributor Matt Cromwell

    (@webdevmattcrom)

    7 years, 5 months ago

    We’re happy to help, glad it worked out for you!

    If you’re enjoying Give and appreciate our support, we’d love a kind review from you here:
    https://wordpress.org/support/plugin/give/reviews/

    Thanks!

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

The topic ‘How to style the donate button’ is closed to new replies.