placeholders/watermarks not showing in IE or Firefox

  • ukbh

    (@ukbh)


    8 years ago

    Hi, I’m hoping this is a simple fix as I have searched and none of the answers so far seem to help.

    My contact form is showing the placeholders on Chrome and Safari, but not in Firefox or IE, I have tried several options, ::MOZPLACEHOLDERS and others.

    It does show the field “textarea” in all browsers though which confused me?

    Any help would be great, thanks
    site is: http://modboxspaces.com/contact-us/

    the code is:

    <div class=”row”>
    <div class=”span6″>
    [text* your-name placeholder “Your name”]
    [text* your-email placeholder “Your email”]
    [text your-subject placeholder "Your subject"]
    </div>
    <div class=”span6″>
    [textarea your-message x3 placeholder “Your message”]
    [submit “Send”]
    </div>
    </div>

    https://wordpress.org/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • RayBoyd1455

    (@rayboyd1455)

    8 years ago

    From looking at your form in FireFox it seems to be an issue with this CSS;

    #site .modbox-contact-form input.wpcf7-text {
padding: 25px 0 25px 15px;
}

    Because your CSS is being compiled it is not clear where that CSS is from. If I block the padding line the field size is reduced some but I can see your placeholders.

Viewing 1 replies (of 1 total)
  • The topic ‘placeholders/watermarks not showing in IE or Firefox’ is closed to new replies.