CODEWITHSUNDEEP
csswordpresspluginscontact-form
Keren
Keren

Reputation: 217

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;
}

Upvotes: 1

Views: 13033

Answers (3)

ui-matt
ui-matt

Reputation: 394

Remove min-height on your .form-box textarea, .wpcf7 .wpcf7-textarea this is preventing your css height from been applied to the textarea.

Upvotes: 0

richardgirges
richardgirges

Reputation: 1532

Your min-height is overruling your height definition. You'll want to size down min-height in addition to height:

min-height: 30px;
height: 30px;

Upvotes: 0

Rahul S
Rahul S

Reputation: 643

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%;
}

Upvotes: 1

Related Questions