Submit Button on Mobile Unreadable

Was previously using an unregistered version of Gravity Forms. I think it came with our theme, but I really don’t remember.

In any case, it was a few revs back. At some point, the Submit button became unreadable. You can see it here:

It actually says submit, but it’s impossible to read on any but the best screen, and hard to read on those.

I went ahead and registered Gravity Forms and updated. My hope that the latest version would either fix the problem or provide me a way to style the button so that it looks right. Unfortunately, the former didn’t happen, and if the latter is possible, I’m not seeing it.

So, how do I fix the problem?

Hi Brian. Can you share a link to the page on your site where we can see the form with the Submit button issue? With that link, we can help you with the CSS. Or, with your license, you can submit a support ticket and receive assistance there:

Please let us know if you need more help here, by posting the link. Thank you.

Sorry. I meant to include the link, but it slipped my mind.

Hi Brian. You can add this CSS to your theme (or child theme) stylesheet or via the Appearance Customizer (Appearance > Customize > Additional CSS):

body .gform_wrapper input.gform_button {
  color: black;
  font-weight: bold;
  padding: 5px 10px;

That CSS made the button in your form look like this for me: firefox f2NIdeKrLp.png - Droplr

If you need anything else, please let us know.

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