Contact form 7 plugin

  • fathima

    #8685

    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.

    Aurora

    #41820

    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 !

    Aurora

    fathima

    #41821

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

    Aurora

    #41822

    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 :

    3rtt.jpg

    This video explain few interesting thing to change wordpress style : http://www.youtube.com/watch?v=GwI198tzRyU

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

    fathima

    #41823

    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.

    Anonymous

    #41824

    Hy,

    Maybe you should start with this:

    link

    Mod

    Kenneth John Odle

    #41825

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

    Anonymous

    #41826

    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.

    hikerjules

    #41827

    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.