Contact Form 7 Plugin – Text Not Visible on Site

  • Anonymous



    We currently have the Contact Form 7 plugin installed on our site, but for some reason the text is not visible above the boxes where people can fill in required information. I’ve only noticed this happening when using Firefox, however. I haven’t noticed it on Chrome or Internet Explorer. Our website is

    Not sure what’s wrong. Any help is appreciated.

    Thank you.



    The problem seems to be a css one.

    .wpcf7-form p {
    color: #0000;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 290px;

    changing color: #0000; into color: #000; or color: #000000; shows the text again.

    color: #0000; renders the text transparent in FF.

    Firefox 49 has added the support for 4-digit (#RGBA) and 8-digit (#RRGGBBAA) hexadecimal notations for RGBa colour values. Due to this change, previously invalid values could be valid, yielding unexpected results. A typical example is #0000, which is now parsed as transparent. You may want to double check your stylesheets for such errors.



    Thank you so much! That fixed it!

    I appreciate the input on Firefox as well. That is very helpful and makes sense.

    Thank you so much again.:-)



    You’re welcome 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum