• Resolved dmaeuk

    (@dmaeuk)


    Placeholder is only working for textarea and nothing else, any reason why?

    <div style="margin: 0 auto; padding: 20px; width: 100%; color: #fff; font-size: 13px; font-weight: bold;">
    
    <div id="witty">Name (required)<br />
        [text* your-name placeholder"Name"] </div>
    
    <div id="witty">Manufacturer (HP, etc )<br />
        [text* manufacturer] </div>
    
    <div id="witty">Your Email (required)<br />
        [email* your-email] </div>
    
    <div id="witty">Telephone (optional)<br />
        [text text-282 placeholder="offers"] </div>
    
    <div id="witty2">Fully describe your surplus stock that you wish to sell here. (required)<br />
    [textarea textarea-369 id:wittybox2 placeholder"TIPS: Please include Quantity, Make, Code & Condition of Boxes/Cartridges for faster accurate offers."]</div>
    
    <div style="height:70px; clear: both;"></div>
    
    <div id="">Verify you are a human (required)<br />
        [captchac captcha-501 size:l][captchar captcha-501]</div>
    
    <div id="wittysub">[submit "Send"]</div>

    https://ww.wp.xz.cn/plugins/contact-form-7/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Placeholder should work fine at your-name and textarea-369.

    At text-282 remove the = like this:

    Bad: [text text-282 placeholder="offers"]

    Good: [text text-282 placeholder "offers"]

    Find docs for placeholder here.

    Thread Starter dmaeuk

    (@dmaeuk)

    Yes i am fully aware of the documentation thank you through for your kind help.

    The problem is that this does not work at all for your name!

    In fact, this only works for textarea-369 and no other fields.

    Your example with above correction works fine with latest WordPress and CF7.

    Would suggest to try another browser and post a link to your online form so we could find out why it does not work for you.

    Thread Starter dmaeuk

    (@dmaeuk)

    Placeholders work fine at your site, as expected.

    They are simply not visible because the font-size for these input fields ist set to 0 in your CSS.

    #witty input[type="text"] {
        font-size: 0;
    }

    If you enter any text in these fields, it also is not visible because of the font-size…

    Thread Starter dmaeuk

    (@dmaeuk)

    Wow i can not believe i missed that!

    Thank you Ov3rfly!!!! Appreciate your keen eye! 🙂

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

The topic ‘Placeholder not working’ is closed to new replies.