Different CSS for tablets in the form styling?

Back in Aug of '21 someone else asked about this but there were no real answers - and I’ve just run up against it. On TABLET view, the CSS styling of the forms from within GF causes the input boxes to have different styling, as well as the Submit button.

Where is the CSS for the TABLET view Submit button?

At the moment my text for Submit/Subscribe buttons are disappearing on the TABLET version, while they appear just fine in desktop and mobile.

This is the CSS I’m using

body .gform_wrapper .gform_footer input[type=submit] {border: 1px solid black; background: white; font-size: 1.3rem; padding: 1.5%;}

Any help would be appreciated.

Can you share a link to the page on your site where we can see the form? Thank you.

https://btech.wickedcode.com/contact/

Happy to provide screenshots showing the styling on the tablet being noticeably different in the form areas, and the only thing I’ve done outside the default is that piece of code I posted.

Thanks


This is the mobile styling - as you can see the boxes are sharp cornered and the Submit is there.


And this is the tablet with the rounded input boxes. Not something I did.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.