in

Contact Form 7 TextArea : How To Reduce The Size Without CSS

In this post, I want to share with you how to reduce contact form 7 textarea size without using css.

The contact form 7 text area is for a multi-line input and accept any form of text and by default, the size of the text area is far bigger than that of the text field.

Below, is the code I used to reduce the height of the contact form 7 text area on one of my wordpress sites

And below is what it looks like after the modification :

code to reduce height of contact form 7 textarea

The “x3” handles the size of the height. Hence, you can adjust it to any size you desire.

You can check out how I use contact form 7 plugin on my wordpress sites.

I hope this helps.

Please Share :

Receive Alerts In Your Email Inbox

Enter Your Email Address Below To Receive Latest Updates via Inbox, Free of Charge!

What do you think?

93 Points
Upvote Downvote

Written by Jide Ogunsanya

Pro Nigerian Blogger, Digital Marketer and Web designer. I help business owners to grow their businesses online. You can join my Facebook Group here or join my Telegram Group here.

neco result checker 2020

How To Buy NECO Token Online

contact form 7 form with placeholder texts

Contact Form 7 Placeholder Text Code Sample