Name and Address Boxes Unreadable

  • Resolved socalkev

    (@socalkev)


    10 years, 5 months ago

    In the samples for this plugin, there is black text inserted in a white background box for the name and e-mail portions of the form. However, when used with our current theme, the text and and box background are both dark, making them pretty much unreadable unless I disable the CSS for the form.

    I guess I have two questions. One, why isn’t the background for the text boxes white, as it is in the sample? Is the form using the CSS from the theme instead of the CSS files that come with it? And two, where can this text or background be changed in the Give CSS, if it even applies? It seems this should be easy to fix, but as it currently exists a small problem makes this plugin virtually unusable except for CSS experts.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Matt Cromwell

    (@webdevmattcrom)

    10 years, 5 months ago

    Hi there,

    Sorry you’re having trouble. Sounds like your theme is playing havoc with our styles. That can happen sometime, but being unreadable is definitely bad. I can help if you can give me a link to the site so I can see the problem live.

    Thread Starter socalkev

    (@socalkev)

    10 years, 5 months ago

    The site has a coming soon plugin that makes sending a direct link impossible, but is there a way to e-mail you a picture of the situation? I updated the plugin today and now the donate now button changed color as well. It is too white, while the text boxes are too dark. If the situation was reversed it would be perfect.

    Thread Starter socalkev

    (@socalkev)

    10 years, 5 months ago

    Just thinking if a picture is not enough I can disable the plugin, but prefer to send you a link in private to the site. Is there a way to do that?

    Plugin Contributor Matt Cromwell

    (@webdevmattcrom)

    10 years, 5 months ago

    Sorry for the delay, our support is a bit slower over the weekend.

    This is a shot in the dark without seeing the actual problem live, but try this:

    label.give-label {
    color: black;
}

    If you need assistance implementing custom CSS we have a guide here:
    https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

    Thread Starter socalkev

    (@socalkev)

    10 years, 5 months ago

    Hello,

    This is close to the issue; it is allowing me to change the color of the labels above the form boxes themselves. The issue is that in the three form boxes themselves – First Name, Last Name, and Email Address – the background color of the box is almost the same exact color as the text I try to enter into the box. Is there a way to change the color of the text being entered into the box itself, or the color of the background of the those three form boxes themselves?

    By comparison, the background of the portion of the form where they select the donation amount has a white background with black text, which is perfect.

    Plugin Contributor Matt Cromwell

    (@webdevmattcrom)

    10 years, 5 months ago

    I see now. This should do it:

    input[class*="give"] {
    color: black !important;
    background: white;
}

    Thanks!

    Thread Starter socalkev

    (@socalkev)

    10 years, 4 months ago

    That worked. Thank you so much for the help.

    Plugin Contributor Matt Cromwell

    (@webdevmattcrom)

    10 years, 4 months ago

    Glad to hear!

    If you’re enjoying Give and have appreciated our support we’d love a kind review from you here:
    https://wordpress.org/support/view/plugin-reviews/give

    Thanks!

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

The topic ‘Name and Address Boxes Unreadable’ is closed to new replies.