Capitalize Input Text Contact Form

Hi there,

text-transform is simply a CSS style which only styles the element when viewing the webpage. It does not change the value of that input field on submit.

There are some JS solutions for this, see here for an example:

https://stackoverflow.com/a/49904823

but you may want to speak with the Contact Form developer as they may already have a solution to this.

Hi David,

I think the problem is in GeneratePress theme because I have several websites with other templates and CSS styling works fine in Contact Form 7.

Anyway, thanks so much for your quick response.

Kin regards.

Just to be clear. Are you talking about the text in the Email that you receive in your mailbox after someone submits the Form?

Yes David.

The theme has no control over that. The theme styles will only ever load for the web page it displays in your browser.

The theme also has no control over the data being saved by contact form 7 or the email that it generates.

Have you spoken to the contact form author ? Maybe they have an email template or other function to do what you require.

Nevertheless, if I manually write the first letter in capitalize by pressing the Shift key, the mail form arrives correctly.

For this reason I think an error is occurring with the GeneratePress style sheet.

I hope I have explained myself correctly.

I haven’t talked to the author of Contact Form, but I’ll try to.

Thanks so much.

Nevertheless, if I manually write the first letter in capitalize by pressing the Shift key, the mail form arrives correctly.

Yes that is correct.

For this reason I think an error is occurring with the GeneratePress style sheet.

No, if you use CSS text-transform on the input element it only changes how the web page displays it. It DOES NOT change the actual text to capitals.

Ok but I don’t understand why it works correctly for me on other websites where I have several forms with the same CSS style and the mails form arrive fine.

For this reason I have created this ticket.

Hi @carlosgterol,

As David said, CSS code doesn’t alter the content itself, it only changes the look when the browser renders the content.

If you are using the same form, I would recommend checking the settings within the forms to see if there’s anything different.