Viewing 5 replies - 1 through 5 (of 5 total)
  • I checked your form and it appears the number of rows and cols is as you specify.
    ?
    ?The “size” you use in CF7 tags refers to the standard HTML size attribute which may or may not control overall element size. Its main purpose is to limit the number of characters and/or rows you can enter.

    With modern CSS based websites the overall size of the form elements is more generally controlled by the CSS in your current WordPress theme.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    Thread Starter jedijenn

    (@jedijenn)

    I understand that we need to edit the theme stylesheet, and I’m pretty familiar with CSS… I’m just not sure how to proceed exactly with respect to which element controls the size of the texarea field.

    So what exactly am I supposed to change to make the message textarea box as big as the reply box here?

    Thread Starter jedijenn

    (@jedijenn)

    Never mind, I figured it out. Thanks for the help.

    I used the following code:

    .wpcf7 textarea
    {background-color: #fff;
        color: #000;
        width: 50%;
     height: 200px;
    }

    That is correct?

    Code looks good – If this resolves your question, it helps others contributing here, if you can flag your post as [resolved]

    Thread Starter jedijenn

    (@jedijenn)

    resolved.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Textarea rows & cols’ is closed to new replies.