WordPress.org

Forums

Optin Forms
[resolved] size fields and difference in browsers (5 posts)

  1. julianrb
    Member
    Posted 8 months ago #

    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/

  2. Boris Beo
    Member
    Plugin Author

    Posted 8 months ago #

    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 ;)

  3. julianrb
    Member
    Posted 8 months ago #

    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 ????

  4. julianrb
    Member
    Posted 8 months ago #

    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

  5. Boris Beo
    Member
    Plugin Author

    Posted 8 months ago #

    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!

Reply

You must log in to post.

About this Plugin

  • Optin Forms
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic