Styling Contact Form 7 input, it is all uppercase

Tagged: contact form 7 uppercase css style

This topic has 3 replies, 2 voices, and was last updated 2 weeks, 5 days ago by developer vwtheme.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
November 13, 2023 at 5:43 pm #106344

Georg Lindenberg
Participant

Short description: Contact Form 7 input is all uppercase

Detailed description:

Hello,
I purchased the pro theme. It’s great.
I followed the video instruction on how to setup my contact page (get started -> support -> setup contact page).

The problem: On the main page the user input of the contact form (all fields) is displayed/styled in uppercase. That looks very unprofessional.
The email which is send will look fine (no formatting). So I assume I need to edit some css?

If I create a new page, and add the contact form e.g. [contact-form-7 id="508" title="Contact Page"], it is displayed correctly. So I assume that the main page (“home”) or the theme has some css (?) to put everything in uppercase, maybe? I don’t know css. 🙁

I assume that I need to add “text-transform:none” to the contact form, but I don’t know how and where. Can You guys help me?
Thanks.

It happens both in firefox and microsoft edge.

November 14, 2023 at 3:19 pm #106510

developer vwtheme
Participant

Hi,

Please send your query to our support mail – [email protected]

November 14, 2023 at 4:47 pm #106538

Georg Lindenberg
Participant

I got it, thanks.
This worked: Go to Appearance -> Customizer -> Additional CSS

Then I added this code:
div.wpcf7 input[type = “text”],
div.wpcf7 input[type = “email”],
textarea {
text-transform:none!important;
}

Can be closed. ;P

November 15, 2023 at 3:59 pm #106677

developer vwtheme
Participant

Hi,

Happy to hear that your issue is resolved.

If you have any other query related to the theme do let us know.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.