donate buttons turned light gray

Resolved smartymc
(@smartymc)

8 years, 4 months ago

I updated the plugin to 1.3.2 yesterday, and just noticed that the DONATE buttons in my form are no longer picking up my theme primary color, but are now a light gray (which makes the words hard to read since the text is white!). Inside the modal window, my DONATE NOW button is the correct theme color (not sure if it matters, but it’s #0a8cc9).

I have the form setup with radios, but switched it to buttons to see what would happen. All are light gray. Please advise, thanks!

Here’s the form URL, https://clothestokidsfairfieldcounty.org/donations/donate-kickoff/

https://wordpress.org/plugins/give/

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

Plugin Author Matt Cromwell
(@webdevmattcrom)

8 years, 4 months ago
Hi there,

We opted to add a light background color to our buttons because we found that a large majority of themes users are using do not style their buttons at all which means the button looks really terrible for them.

You can override the default background color like this:
```
button.give-btn {
    background: #3275B1;
}
```
If you need assistance implementing custom CSS we have a guide here:
https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

Thanks!
Plugin Author Matt Cromwell
(@webdevmattcrom)

8 years, 4 months ago

I should also mention that your donation page has “mixed content” issues. Meaning, there are assets on the page that are being loaded via HTTP but the page uses HTTPS.

We have a guide on repairing that as well here:
https://givewp.com/documentation/resources/how-to-use-ssl-and-https-for-your-wordpress-website/

Thanks!

Thread Starter smartymc
(@smartymc)

8 years, 4 months ago

Thanks for the speedy reply! Actually, I don’t mind the light gray, it’s the white text that’s the problem since it’s hard to see on the gray. How would I modify button text color?

p.s. thanks for the feedback on the mixed content, I’ll forward to our web admin asap
Plugin Author Matt Cromwell
(@webdevmattcrom)

8 years, 4 months ago
OK, if you wanted the button text color to be your accent color you could do this instead:
```
button.give-btn {
    color: #3275B1;
}
```
Thanks!
cte2087
(@cte2087)

8 years, 1 month ago

Is there a way to set the default amount button color via CSS?

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

The topic ‘donate buttons turned light gray’ is closed to new replies.