Profile fields not showing correctly in safari

I have a problem with my profile, I can’t read the text in the field, cause it’s not showing correctly. This problem is only with Safari. If it’s a problem in my css or template how can I fix that. Please dont be to technical.

See in the image

Daniel

Yes, you probably need a CSS fix. But that would be easier to provide if you gave us a URL where we can see this.

Here the page : https://amisgilbertdurand.com/paiement/

Yes, you have some CSS that sets a maximum height of 20px for those fields. This is what you need to fit with the rest of that form:

input[type="text"] { height: 30px; }

You can, of course, adjust that as you wish.

The code needs to go either in your (child) theme’s style.css file, or else in a custom CSS file or box. Your theme might provide such a box for you. If not, the simplest way is to use this plugin: https://wordpress.org/plugins/simple-custom-css/

Thanks It works but not for the field Password and email.

See

OK, to make sure to capture all fields, try this instead:

div.s2member-pro-stripe-form-section > div.s2member-pro-stripe-form-div input[type="text"], div.s2member-pro-stripe-form-section > div.s2member-pro-stripe-form-div input[type="email"], div.s2member-pro-stripe-form-section > div.s2member-pro-stripe-form-div input[type="password"], div.s2member-pro-stripe-form-section > div.s2member-pro-stripe-form-div textarea, div.s2member-pro-stripe-form-section > div.s2member-pro-stripe-form-div select, input[type="text"] { height: 30px; }

Thank you very much! It worked perfectly!

Daniel

Great! Thanks for letting me know!