Adjust Font Color

Hi Carli,

Thanks for your encouragement. Themes can do a lot of crazy things to plugins like ours, so it’s hard to help without seeing the problem live. Can you provide a link to your donation form so I can take a look?

Hi Matt, thanks for quick reply! Here’s the link to my (unfinished) website: https://sexhairmotorbikes.com/donate/
I just set up a random form, so display the layout. I hope there’s is something we can do about the font or general layout. Thank you!
Carli

Hi Carli,

Here’s a Custom CSS snippet to get all your colors right:

form[id*="give-form"] legend, form[id*="give-form"] ul li, form[id*="give-form"] p:not(#give-final-total-wrap) {
    color: white;
}

?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/

Let me know if you have additional questions. Thanks!

Thank you Matt, it works perfect! Just one thing, the explanation symbol (question mark in circle) is still black. Can you provide me with an adjustment for that as well? Than everything is perfect! Thanks in advance!

Ah and I see now that the text under ‘offline payment’ is also still in the default color. you can check it in the current form: https://sexhairmotorbikes.com/donate/
Can you give me the code too? Thanks!

Good catch! Delete the previous snippet and replace it with this one:

form[id*="give-form"] legend, form[id*="give-form"] ul li, form[id*="give-form"] p:not(#give-final-total-wrap), form.give-form .give-tooltip, form[id*=give-form] .give-tooltip {
    color: white;
}

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/

Ha! I didn’t see your latest comment about the Offline Donations text. Final snippet:

form[id*="give-form"] legend, form[id*="give-form"] ul li, form[id*="give-form"] p:not(#give-final-total-wrap), form.give-form .give-tooltip, form[id*=give-form] .give-tooltip, form[id*=give-form] ol li {
    color: white;
}

Thanks!

YES now completely perfect! Thanks a lot! Really looking forward to using the plugin!
Thanks again!

Hi Matt, sorry to bother you again! I just found out that when setting a Goal in numbers, the font i still default colr. You can check it here: https://sexhairmotorbikes.com/donate/
Can you provide me with the right custom CSS? Seems that this is really the last adjustment needed ?? Thanks in advance!
Carli

Hi Matt, sorry to bother you again! I just found out that when setting a Goal in numbers, the font is still default color. You can check it here: https://sexhairmotorbikes.com/donate/
Can you provide me with the right custom CSS? Seems that this is really the last adjustment needed ?? Thanks in advance!
Carli

Update the whole snippet to the following and you should be gold:

form[id*="give-form"] legend, form[id*="give-form"] ul li, form[id*="give-form"] p:not(#give-final-total-wrap), form.give-form .give-tooltip, form[id*=give-form] .give-tooltip, form[id*=give-form] ol li, form[id*="give-form"] div.raised span.income {
    color: white;
}

Thanks!

Hey Matt, thanks for the reply. Unfortunately it’s not working, the ‘amount raised’ is still in default color. Can you help me out again? Thanks in advance!
Carli

Sorry about that, the progress isn’t actually INSIDE the Form element like in my previous snippet. Use this instead:

form[id*="give-form"] legend, form[id*="give-form"] ul li, form[id*="give-form"] p:not(#give-final-total-wrap), form.give-form .give-tooltip, form[id*=give-form] .give-tooltip, form[id*=give-form] ol li, div[id*="give-form"] div.raised span.income {
    color: white;
}

Thanks!

Yes now it’s all perfect! Thank you again! Topic resolved ??

Ah I’m so sorry, I still have a question! I just added a Give shortcode in a post, displaying the progress bar. Here the ‘amount raised’ is again still in default color. Do you have code for this as well? I really hope this is the last question.
Thanks! Carli