Return to previous page

Edit contact form 7 textarea size - by jas712

This topic has 9 replies, 3 voices, and was last updated 7 years, 11 months ago ago by Rose Tyler

jas712

Participant

December 19, 2016 at 16:55
hi,

i did the correct syntax but the size still doesnt change? how come?
```
<label> Your Name (required)
    [text* your-name] </label>

<label> Your Email (required)
    [email* your-email] </label>

<label> Subject (required)
    [text* your-subject] </label>

<label> Your Message (required)
    [textarea* your-message 40x10] </label>

[submit "Send"]
```
#149493 Copied
8 Answers

Eva Kemp

Support staff

December 19, 2016 at 19:30

Hello,

Please show a page where contact form is added.

Regards,
Eva Kemp.

#149541 Copied

jas712

Participant

December 19, 2016 at 19:55

Hi Eva, please check the link below
I set with Visual Composer for 1/3 the left column and 2/3 for the right column, and just wanna span across the 2/3 column for my contact form

Please, contact administrator
for this information.

#149552 Copied

Eva Kemp

Support staff

December 19, 2016 at 20:25

Hello,

As I see your contact form is shown properly http://storage5.static.itmages.com/i/16/1219/h_1482175467_2642746_1f36c6ce48.jpeg .
Please show a screenshot what you want to modify there.

Thank you.
Regards,
Eva Kemp.

#149568 Copied

jas712

Participant

December 20, 2016 at 05:18

Hi Eva,

Now the form seems like align to the middle, and looks like there is 3 columns in the area, however with Visual Composer I already did 1/3 and 2/3, I am trying to get the textarea stretch to the most right, just like the google map above, align together

#149595 Copied
Rose Tyler

Support staff

December 20, 2016 at 10:07
Hello,

Please add this code in Custom CSS:
```
.wpcf7 label {
    width: 100%;
}
input.wpcf7-form-control {
    width: 100%;
}
textarea.wpcf7-form-control {
    width: 100%;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 15%;
    float: right;
}
```
Regards,
Rose Tyler.
#149604 Copied
Eva Kemp

Support staff

December 20, 2016 at 10:29
Hello,

Try to add this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.wpcf7-form-control-wrap textarea {
   width: 750px;
}
```
Regards,
Eva Kemp.
#149607 Copied
jas712

Participant

December 20, 2016 at 15:19

thanks a lot!

#149642 Copied

Rose Tyler

Support staff

December 20, 2016 at 15:21

Hello,

You’re welcome!

Regards,
Rose Tyler.

#149644 Copied
Viewing 9 results - 1 through 9 (of 9 total)