Need help? Check out our Support site, then


Contact Form not Displaying Properly

  1. I've just noticed that the contact forms on my pages are not displaying inputted text properly.

    http://howardpublicschool.com/about/6-2/
    http://howardpublicschool.com/get-involved/volunteer-opportunities/
    http://howardpublicschool.com/school-fundraising/fall-fete/

    When you go to enter your name or e-mail the text disappears as you move to the next box.

    The form is working - the info gets transmitted - but because it doesn't display properly I worry it will discourage people from using the forms.

    The theme I am using is Misty Lake, and I have the custom CSS upgrade.

    Thanks in advance.

    The blog I need help with is howardpublicschool.com.

  2. The CSS rule that is causing it:

    input[type="text"],
    input[type="email"],
    textarea {
        color: #FFFFFF;
    }

    Since the background color is also set to white the text 'disappears' when it's not active, selected. :)

  3. Thank you for the response @jcasta
    I see what you're saying. It's there, it's just invisible because the colour is white.

    Problem is...I'm not sure where to put the CSS coding that you have provided. Is there a way to change only the font colour (black would be fine) in those input forms rather than on the whole site?

  4. Sorry for the delay in response. :(

    What you can do is actually just change the color value from the code I just posted to any color of your choosing.

    Or you could try using:

    .contact-form input,
    textarea {
      color: #000;
    }

    That will give you a black font color in any contact form you use. :)

  5. Thank you @jcasta, your solution has worked perfectly!

    Cheers!

Topic Closed

This topic has been closed to new replies.

About this Topic