Form auto capitalizes when appears on site

I’ve created a survey in Gravity Forms and have added it to my Wordpress site, but the answers have auto capitalized every word in the sentence. It looks fine in the back end, with only the first word capitalized, but when published it looks awkward.

Live Site:

Any solutions or workarounds? Thank you!

Can you share a URL of the page on your site where we can see the form? Gravity Forms is not doing that, and there is likely some conflicting CSS on the site. There is some CSS on the site that is doing this to your radio button label text:

text-transform: capitalize;

Hope you don’t mind if I chime in here Chris, you know how I love the CSS questions. You might need to add a pseudo-class to the class. A URL would be helpful.

/* Change class to the actual class of the radio button text. */

.class:first-letter{
  text-transform: capitalize
}

Then also

.class {
    text-transform: lowercase !important;
}

1 Like
© 2008 - 2021. Gravity Forms is a project by Rocketgenius Inc.