Docs

[bryan1976]

Hi,

My gravity form works perfectly on Firefox, Chrome however there is a problem on Safari…but ONLY when autofill is enabled in Safari preferences.

The problem is that text typed in the fields is not visible, even though the cursor moves.

The form is at the base of my home page here : http://theaudiobarndev.co.uk

I am sharing here in case this is an X issue, and others may be experiencing the same problem.

If the fault is Gravity forms then thats OK…but it always used to work on safari????

Cheers,

Bryan

[Thai]

Hi Bryan,

Please add the following CSS under Customizer > Custom > Global CSS:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .newsletter_form_textbox .newsletter_form_wrapper ul.gform_fields li.name .ginput_container span.name_first input,
    .newsletter_form_textbox .newsletter_form_wrapper ul.gform_fields li.name .ginput_container span.name_last input,
    .newsletter_form_textbox .newsletter_form_wrapper ul.gform_fields li.email .ginput_container input {
        padding: 0 15px !important;
    }
}

Hope it helps 🙂

[bryan1976]

Hi,

This worked perfectly thanks!!!

What would I need to help the other gravity form on the site…this page here: http://theaudiobarndev.co.uk/contact/

Similar problem, only this time it crops the bottom..please see attachment.

Thanks,

Bryan

[Rupok]

Hi Bryan,

I have tested with Safari but it seems fine on my end – http://prntscr.com/cpk7is

Thanks!

[Author]

Posts