Gravity Forms Submit Button CSS Mobile

adesmarais

Hello, I've used Betheme on 3 sites with Gravity Forms. The submit button looks fine on desktop browsers but it defaults to a weird rounded/gradient button in mobile browsers. I've tried to do a css mobile fix but nothing seems to work. Samples of the site buttons can be found at

https://financial-you.org/registration/ and https://www.hwwimpact.org (see footer) and https://highwaterwomen.org/donate/ On other sites I've used Betheme with Contact 7 forms I have not had this issue. Any help you can provide would be greatly appreciated, Jeanne (Admin/Designer)

Phil

Hello,

Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS, and check if this issue persists.

button{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

adesmarais

Hello, I placed the code in each of the sites and saw no change. The code is still there if you want to look as well. https://financial-you.org/registration/ and  https://www.hwwimpact.org (see footer) and https://highwaterwomen.org/donate/

Sorry for the slow reply. Im the site tech getting the replies from the owner's email account.

Phil

Then please, try the following code instead:

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none!important;
-moz-appearance: none!important;
appearance: none!important;
border-radius: 0!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

adesmarais

That was it! All three sites are looking perfect now. Thank you sooooooo much!

Phil

You are welcome. 🙂

If I could help you with anything else, please, let me know.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next