Support » Plugin: GiveWP - Donation Plugin and Fundraising Platform » Field Font & Background Color Issue On Give Form

  • Resolved jacalingabinga

    (@jacalingabinga)


    Hi!

    My fields and fonts are both white. So if you click on a donation level, the dollar value shows up in the field but you can’t see it. Same thing happens in the Total Donations field at the bottom of the form. However, if you click on the field, the background becomes transparent with the image behind the form, and you can see the font appear.

    How can I make sure the fields always display transparent, or make the font black so it shows up on the white background?

    Also, where do I insert the coding for this? I cannot find a Give.php file anywhere or any custom css fields for it.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Michelle Ames

    (@michelleames)

    Hello!

    A little CSS should help. Try putting this in the CSS area of your theme customization. (https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/)

    form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {
    color: #000000 !important;
    }

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

    #give-recurring-form .form-row input[type=email], #give-recurring-form .form-row input[type=password], #give-recurring-form .form-row input[type=tel], #give-recurring-form .form-row input[type=text], #give-recurring-form .form-row input[type=url], #give-recurring-form .form-row select, #give-recurring-form .form-row textarea, form.give-form .form-row input[type=email], form.give-form .form-row input[type=password], form.give-form .form-row input[type=tel], form.give-form .form-row input[type=text], form.give-form .form-row input[type=url], form.give-form .form-row select, form.give-form .form-row textarea, form[id*=give-form] .form-row input[type=email], form[id*=give-form] .form-row input[type=password], form[id*=give-form] .form-row input[type=tel], form[id*=give-form] .form-row input[type=text], form[id*=give-form] .form-row input[type=url], form[id*=give-form] .form-row select, form[id*=give-form] .form-row textarea {
    background-color: #ffffff !important
    }

    Let me know if you have any questions!

    Omg thank you! Yes, one more question. If I want to make the background STAY white the whole time, like the personal information fields, what code would I need?

    Thanks!

    Plugin Support Michelle Ames

    (@michelleames)

    It looks like it’s white now…did you still need help?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Field Font & Background Color Issue On Give Form’ is closed to new replies.