Title: CSS Fixes
Last modified: March 17, 2023

---

# CSS Fixes

 *  Resolved [Thomas Due Halfdaner](https://wordpress.org/support/users/taxick/)
 * (@taxick)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/css-fixes/)
 * Hi 🙂
 * Atm I testing the free version of charitable, but I have some CSS problems on
   my theme and charitable
 * The first problem is the text color is white in the custom amount field and the
   background color is white too! So I can’t see the text I enter in the field!
 * > [View post on imgur.com](https://imgur.com/a/bNORNuW)
 * The next problem is credit card numbers are using black color and the background
   is black too! it should use white…
 * > [View post on imgur.com](https://imgur.com/a/wbKoT1G)
 * My donate site is: [https://www.futurenode.dk/campaigns/donation/](https://www.futurenode.dk/campaigns/donation/)
 * Regards
 * Thomas 🙂
    -  This topic was modified 3 years, 2 months ago by [Thomas Due Halfdaner](https://wordpress.org/support/users/taxick/).
    -  This topic was modified 3 years, 2 months ago by [Thomas Due Halfdaner](https://wordpress.org/support/users/taxick/).
      Reason: Spell errors
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-fixes%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [WPCharitable](https://wordpress.org/support/users/wpcharitable/)
 * (@wpcharitable)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/css-fixes/#post-16570847)
 * [@taxick](https://wordpress.org/support/users/taxick/) thanks for reaching out.
   upon [looking at your link](https://www.futurenode.dk/campaigns/donation/) this
   CSS will probably work for you:
 *     ```wp-block-code
       .charitable-donation-form .custom-donation-input {
         color: black;
       }
       ```
   
 *     ```wp-block-code
       div#charitable_stripe_card_field {
         color: #white !important;
       }
       ```
   
 * Because the Stripe CC fields are within an iFrame, this might make it more difficult,
   although the above SHOULD work as you can see in the screenshot. The CSS actually
   makes the div that contains the CC white. For donation forms – especially CC 
   info – we do find that a light background with dark text works best and prevents
   the most input errors. In any case, hope the above helps!
 * ![](https://i0.wp.com/wpcharitable.com/wp-content/uploads/support/taxick.png?
   ssl=1)
    -  This reply was modified 3 years, 2 months ago by [WPCharitable](https://wordpress.org/support/users/wpcharitable/).
 *  Thread Starter [Thomas Due Halfdaner](https://wordpress.org/support/users/taxick/)
 * (@taxick)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/css-fixes/#post-16571048)
 * Hi [@wpcharitable](https://wordpress.org/support/users/wpcharitable/)
 * Thanks for your reply. – I really appreciate it! I can get the Card number to
   work for me…
    1. I have cleared all my cache on the server!
    2. I have try to go the page in “private mode”
    3. Try using my mobile
    4. use edge browser with all data cleared
 * What can be wrong???
 * I have used this:
 *     ```wp-block-code
       .charitable-donation-form .custom-donation-input {
         color: black;
       }
   
       div#charitable_stripe_card_field {
         color: #white !important;
       }
       ```
   
 * Regards:
 * Thomas
    -  This reply was modified 3 years, 2 months ago by [Thomas Due Halfdaner](https://wordpress.org/support/users/taxick/).
 *  Plugin Author [WPCharitable](https://wordpress.org/support/users/wpcharitable/)
 * (@wpcharitable)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/css-fixes/#post-16571079)
 * Hi [@taxick](https://wordpress.org/support/users/taxick/),
 * We took a look at that same link and noticing there is no more Credit/Debit Card
   textbox field – doesn’t appear to be populated. Not sure what happened on your
   end – double check your Stripe Connection settings (make sure you aren’t using
   test or live if your Charitable isn’t set to test or live).
 * There might have been a typo in the CSS we supplied, so let’s try this next: 
   remove the # from #white. Thanks!
 *  Thread Starter [Thomas Due Halfdaner](https://wordpress.org/support/users/taxick/)
 * (@taxick)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/css-fixes/#post-16571116)
 * HI [@wpcharitable](https://wordpress.org/support/users/wpcharitable/)
 * Thanks for you reply…
 * My css now look like this:
 *     ```wp-block-code
       .charitable-donation-form .custom-donation-input {
         color: black;
       }
   
       div#charitable_stripe_card_field {
         color: white !important;
       }
       ```
   
 * I have tried to disconnect Stripe and activate it again. Both Charitable and 
   stripe are set to live.
 * I have reloaded my cache on the server
 * Did it still not show up on your side???
 * > [View post on imgur.com](https://imgur.com/a/Zwr0fZT)
 * EDIT: BTW:. You are welcome to take a look at my admincp.. (If needed)
    -  This reply was modified 3 years, 2 months ago by [Thomas Due Halfdaner](https://wordpress.org/support/users/taxick/).
 *  Plugin Author [WPCharitable](https://wordpress.org/support/users/wpcharitable/)
 * (@wpcharitable)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/css-fixes/#post-16571174)
 * [@taxick](https://wordpress.org/support/users/taxick/) the good news is that 
   we now see it – it might have been a caching issue on our side or something you
   did.
 * the bad news is that it appears some CSS tricks that worked before adjusting 
   the Stripe iframe which is added by JavaScript don’t appear to be working. the
   color CAN be passed to Stripe through their API but it’s something that Charitable
   currently doesn’t provide an easy way for users. It would require switching to
   a debug mode so you can edit a javascript file and either recompile the JavaScript
   file or leave your website in test mode. We can walk you through those instructions
   if you want to give it a try.
 * In the meantime, I’ll communicate the changes to Stripe customization to our 
   team and see if we can get some sort of better method to customize this particular
   field of Stripe’s iframe to users.
 * Thanks! Let me know if there’s any other questions.
 *  Thread Starter [Thomas Due Halfdaner](https://wordpress.org/support/users/taxick/)
 * (@taxick)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/css-fixes/#post-16573856)
 * Hi..
 * Im sorry but the solution got a little bit to hard for me… (Im a noob)
 * I found another plugin!
 *  Plugin Author [WPCharitable](https://wordpress.org/support/users/wpcharitable/)
 * (@wpcharitable)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/css-fixes/#post-16574186)
 * Sounds good [@taxick](https://wordpress.org/support/users/taxick/). I’ll still
   rely this conversation to our team to see in the future how we can get customizations
   through their API.

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

The topic ‘CSS Fixes’ is closed to new replies.

 * ![](https://ps.w.org/charitable/assets/icon-128x128.jpg?rev=1225178)
 * [Charitable - Donation Plugin for WordPress - Fundraising with Recurring Donations & More](https://wordpress.org/plugins/charitable/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/charitable/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/charitable/)
 * [Active Topics](https://wordpress.org/support/plugin/charitable/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/charitable/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/charitable/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [WPCharitable](https://wordpress.org/support/users/wpcharitable/)
 * Last activity: [3 years, 2 months ago](https://wordpress.org/support/topic/css-fixes/#post-16574186)
 * Status: resolved