Change size of form field

  • I’d like to control the size of one particular form field (the ‘your message’ field) to be longer than a line. I can’t figure out how/where with the syntax to do this.

    I do see how this particular field is stretchable but I’d like to control the default appearance. Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

  • https://contactform7.com/text-fields/

    scroll down directly to textarea fields, plenty of demo’s.

    But take in count that your theme could possibly override text filed sizes.

    Usually, I add something like this to the bottom of style.css (or use the custom CSS panel of your theme if you have one): 

    .wpcf7-form textarea {
    height: 50px; 
    width: 100px;
}

    Sometimes using max-width works better phones, tablets, etc. You may need to add the !important rule to overwrite the default value set by the theme, i.e:

    max-width: 100%!important;

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change size of form field’ is closed to new replies.