Donation Total Box Text Appears Blank

HI there,

Yes I think that’s because your theme has a dark background color so your theme makes the default text color white.

You can override that with this:

form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    color: black;
}

Thanks!

That resolved the issue. Much appreciated!

Glad to hear, happy to help!

If you’re enjoying Give and appreciate our support, we’d love a kind review from you here:
https://www.ads-software.com/support/plugin/give/reviews/

Thanks!

Hello,

I also I’m have to same issues, but I do not know how to implement the code you posted into the right area of my wordpress website. Would you be able to give me instructions on where to paste the code to? I’d greatly appreciate it and I want to thank you for the help that you have already given.

• This reply was modified 7 years, 7 months ago by blkzombie. Reason: to check the notify me box

When I did it, I went to my website, clicked ‘Customize’ at the top. Then after the customization menu appears, I scrolled to the bottom to ‘Add Custom Css’.

Thanks for chiming in @zexalyph — yes, essentially go to “Appearance > Customize” then open the “Custom CSS” section and add that to the very bottom of the textbox area.

Thanks!

Thank you so much.

I’m sorry for not mentioning this in my first post, but I’m having the same issue with my set donation text box. I thought I would be able to re-write the code to have my set donation text bow to also text in black, but I can’t seem to get it. would you be able to write me the code for that as well? Sorry again.

Can you provide me a link to your form so I can see the problem live?

My site isn’t live yet and I’m having trouble making just that page live. I sent you a link to a screen shot of the page. The white text box has white text, making it illegible.

View post on imgur.com

I’m having the same issue now too, but the reverse this time.

This page is fine now: https://projectblackrealms.com/donation-confirmation/

But now the text on this page is all black: https://projectblackrealms.com/donations/donation/

I also haven’t removed any code. I’m still using these two codes in the custom css:

form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
color: black;
}

body div[class*=”give”],
body div[class*=”give”] p {
color: black;
}

Nevermind, I fixed it. Thanks everyone.

Thanks for the update @zexalyph — glad you got it resolved.

I dug into this a bit more to get more specific. If the problem is limited to the Total fields at the bottom and top of the form, then this should resolve it:

div.give-total-wrap input.give-text-input,
div#give_purchase_form_wrap span.give-final-total-amount {
    color: black;
}

If there are other related issues with light text if I can see them live I can give specific fixes. I can try to give generic fixes, but the issue is often made more complicated by the way themes interact with our Give styles, so seeing live is most often the only way to resolve is with finality.

Thanks!