Search code examples
csswordpresspluginscontact-form

Height of input box on Contact 7 form

I am trying to reduce the height of the "Your Message" input box on the Contact 7 form on this page: https://www.nycofficesuites.com/new/office-space-vertical/

I've tried the following (with different heights so I can see which one is working) but nothing is working. Thanks for your help. 

.wpcf7-textarea {
height: 80px;
}

.wpcf7 input[type=text] {
height:10px !important;

}

textarea {
   height: 30px;
}
Solution

  • Try reducing the min-height of this class below

    .form-box textarea, .wpcf7 .wpcf7-textarea {
    border: medium none;
    display: block;
    min-height: 97px; //REDUCE THIS
    padding: 12px 10px;
    width: 96.6%;
}