Winter Special Sale! Unlock a 20% OFF on Bundle of 240+ WP Themes & 5 Plugins. Use code "SNOW20"
This Winter, Enjoy a cozy 25% discount on Premium WordPress Themes with the coupon code "WINTER25" at Checkout.

Styling Contact Form 7 input, it is all uppercase

Home Forums VW Theme VW LAWYER PRO THEME Styling Contact Form 7 input, it is all uppercase

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #106344
    Georg Lindenberg

    Short description: Contact Form 7 input is all uppercase

    Detailed description:

    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?

    It happens both in firefox and microsoft edge.

    developer vwtheme


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

    Georg Lindenberg

    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 {

    Can be closed. ;P

    developer vwtheme


    Happy to hear that your issue is resolved.

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.