How to custom Give Form style?

HI there,

Our forms have very minimal styling so that they inherit the colors/styles from your theme as much as possible. But that means that styling them by CSS is relatively straight-forward.

Generally, all Give buttons use the .give-btn class that you can target. The final Submit/Donate button uses .give-submit but I would recommend styling it like this:

input[type="submit"].give-submit {
    background: black;
}

Thanks!

Hi,

Thanks for the quick reply. To which file do you refer? Where do I change/add this?

Also, how do you change the overall look to be like the one in the first image in the following link? (help save the rain forest campaign)

https://wordimpress.com/

You don’t want to change any Give files at all, ever. Instead, custom CSS should be inserted into the Customizer “Custom CSS” section, or into the bottom of your child theme’s styles.css file.

Thanks!

Alright, great. It worked when I added the code.

And if I want to change the text inside the button from black to white, what line should I add to the CSS?

Thanks

input[type="submit"].give-submit {
    background: black;
    color: white;
}

Thanks!

Thanks Matt, much appreciated!