WordPress.org

Support

Support » Plugins and Hacks » [Resolved] size fields and difference in browsers

[Resolved] size fields and difference in browsers

  • Hi

    My site is http://www.phuketvillasandcondos.com

    The fields for name and email are coming up 3 different ways….

    in firefox the fields are not high enough to see the ‘enter your name’ ‘enter your email’ prompts though you can half see some text there …

    in chrome it says it correctly and is visible

    and in IE the field spaces are there but blank with no enter your name or enter your email prompt at all!!

    Wonder what the cause is? Ive cleared cookies and that made the form actually appear but still with these differences…

    thanks in advance…
    J

    https://wordpress.org/plugins/optin-forms/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Boris Beo

    @brs

    Hi julianrb,

    your theme’s CSS is causing the issue in Firefox. To fix it, you can add the following code to your Custom CSS field under Form Options in Optin Forms.

    #optinforms-form5-name-field,#optinforms-form5-email-field{height:36px;}

    Click Save Changes.

    The IE issue appears only in older versions of IE. I am able to see the labels with IE 11. Unfortunately, the script loading these labels cannot work with outdated versions of IE. Your best bet is to update IE.

    Let me know if the above fix worked for you 😉

    Hi Boris … one down one to go…mow it’s ok in Firefox after adding the code to CSS Field…. I notice it says form 5…would i need to do the same but change to form 1,2,3,4 to fix same with the other form options???

    I have had problems getting a windows update to work ever since i had this computer…any ideas ????

    i have checked about IE…I dont understand…as far as I can see IE11 is the latest?? Can anyone point me in the right direction of a later version??

    Thanks

    Plugin Author Boris Beo

    @brs

    Hi Julian,

    would i need to do the same but change to form 1,2,3,4 to fix same with the other form options???

    Correct, but I would double-check the ID’s of the DIV’s by using Firebug or Inspect Element in Chrome just to be sure.

    I have had problems getting a windows update to work ever since i had this computer…any ideas ????

    Wish I could help out with Windows, but I really can’t 😉

    as far as I can see IE11 is the latest?? Can anyone point me in the right direction of a later version??

    Yes, IE 11 is the latest stable release. Please try adding the following code in the Custom CSS field, under Form Options in Optin Forms:

    :-ms-input-placeholder {
       color: #A1A1A1;
    }

    Let me know if you are able to see the labels now!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] size fields and difference in browsers’ is closed to new replies.