Form fields text doesn’t appear on Safari

  • Resolved Frank128

    (@frank128)


    8 years, 2 months ago

    Hi guys.

    I already leave you a 5 star review. Thank you for creating such and amazing plugin.

    My problem is that when you enter the text on the form fields using Safari it doesn’t appear. The text appears invisible. It only happens with Safari, with Google Chrome and Firefox the text appears without problem.

    My page url is https://atraccionreal.com/

    I have a form in the header with two fields: name and email. You can try to write on the form fields using Safari to check it.

    I don’t know is this problem it’s only happening to me, in that case what can I do? I’ve already reinstalled the plugin but the problem remains.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @frank,

    Happy New Year!

    Are you using Safari on a Mac or a Windows computer?

    I think I may need to wait for my Mac-using colleagues to help you out.

    Kevin.

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hi Frank,

    Please try this CSS to fix the issue:

    .yikes-mailchimp-container .yikes-easy-mc-form input[type="text"], 
.yikes-mailchimp-container .yikes-easy-mc-form input[type="email"] {
    padding: 0 .5278em;
}

    You have a few options to add CSS code:

    • If you created this theme yourself, you can just add it to your style.css file
    • If you’re using WordPress 4.7 or higher, you can go to Appearance > Customize > Additional CSS and place the code there.
    • If you’re using a theme you downloaded or bought you can make a child theme and add the code to your child theme’s style.css file
    • Your theme may have a “Custom CSS” option. If it does, then you can just pop it in there.
    • You can use a plugin like Simple Custom CSS or Jetpack and enter the code in their Custom CSS area

    Let us know how that goes and thank you for the nice review!
    -Tracy

    Thread Starter Frank128

    (@frank128)

    Thank you for your attention guys, really appreciate it.

    I tried what you told me Tracy but it didn’t work. I put that CSS code on the Simple Custom CSS plugin and also on the style sheet of the theme but the text remains invisible on Safari.

    If you find another solution let me know.

    Happy New Year!

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hi Frank,

    I inspected the form and I don’t see the code I pasted above in the main style sheet or anywhere else.

    Did you remove it? Please let me know so I can troubleshoot.

    Thank you!
    -Tracy

    Thread Starter Frank128

    (@frank128)

    Yes I remove it after I tried it.

    I put the code again at the end of the style.css sheet.

    Thank you

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hi Frank,

    I went to your site, refreshed and the fields are looking correct for us.

    Here is a screen shot for Safari:

    Safari

    Try hitting refresh and checking again.

    Thank you!
    -Tracy

    Thread Starter Frank128

    (@frank128)

    It’s weird because now it only appears invisible in this computer. I went to the webpage in another computer and also on my cellphone and indeed the fields are looking good with Safari.

    The problem it’s only with this computer, I don’t know why, but I don’t care because now the users of Safari can use the form without problem.

    Thank you so much for your help!

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    You’re welcome!

    The site may be seriously cached on your computer. You can try clearing the cache or just giving it some time.

    Have a good day!
    -Tracy

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Form fields text doesn’t appear on Safari’ is closed to new replies.