Contact form 7 plugin

  • fathima


    I used Contact form 7 plugin for Comment Form. Here, “Message” text area is displaying only 1 row. I tried to increase the rows in the settings but it is not getting affected. I want to set the text area with a minimum of 5 rows. Please help.



    Hi !

    I had the same problem as you and I solved it with the CSS. Search textarea (lign number 446) and add the size or put auto.

    width: auto;
    height: auto;

    Good night !




    Sorry. I don’t know much about CSS. Can you please explain me in detail. Thanks.



    Hi Fatima !

    To change the CSS you need to go to the file Style.css via the administrator : Apparence > Editor > Style.css

    Looking for the lign number 446. Here, there is the textarea parameters. You need to add just the lign

    ‘width: auto;

    height: auto;’

    Like my print screen here :


    This video explain few interesting thing to change wordpress style :

    It’s easy, don’t be afraid ! Good luck !



    Thanks a lot for your reply. I did as you said. Instead of setting height value as “auto”, I set height as say “64px”. But the text field of “Name”, “Email” and “Subject” also changes to 64px. I wanted only to increase the height of “Message textarea” and not other fields. Please help.




    Maybe you should start with this:



    Kenneth John Odle


    Do NOT edit files, Use a child theme or custom CSS feature.



    You can set the number of rows and columns of Contact Form 7 textarea in Contact Form 7 shortcode itself. It is like this,

    [textarea your-message 40x10]

    Here, the 40 is the no of columns and 10 is the no of rows.

    See Text Fields and Styling Contact Form for more information.



    I am having the same problem. I use the 40X10 example and it increases the columns but not the rows. I have tried larger numbers etc. and it never changes the rows. I looked in my CSS file and it has:

    textarea {
    border: 1px solid #e3e3e3;
    color: #555;
    font: normal 12px arial;
    padding: 6px 3px;
    height: 16px;

    It doesn’t even have a width definition. I would love to not have to change the css, I know very little how to use CSS and I don’t want to worry about it when updates come out, but I am not sure why I can’t get more than one row for my text area. Any help you can provide would be great.

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

  • You must be logged in to reply to this topic.