Return to previous page

Contact form size - by Andre - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 8 years, 5 months ago ago by Rose Tyler

Andre

Participant

June 28, 2016 at 07:48

Hello i have created a contact form for my website & put it in a container that is 2/3 + 1/3.

But the contact doesn’t stretch to fill that space, its aligned to the left side of the container & leaves a load of white space in the middle.

Is there any way to make the form fill the conatiner its in?

#131354 Copied Theme version: latest WooCommerce version: latest

5 Answers
Rose Tyler

Support staff

June 28, 2016 at 10:22
Hello,

Please add this code in Theme Options > Custom CSS:
```
input.wpcf7-form-control.wpcf7-text {
   width: 100%;
}
textarea.wpcf7-form-control.wpcf7-textarea {
   width: 100%;
}
```
Regards,
Rose Tyler.
#131383 Copied
Andre

Participant

June 28, 2016 at 11:37

Thnaks Rose that has worked great.

Is there any reason wy the stroke on the comments box has a black stroke now & all the others are grey?

#131409 Copied
Rose Tyler

Support staff

June 28, 2016 at 12:33
You’re welcome!

Please add this code in Theme Options > Custom CSS:
```
textarea.wpcf7-form-control.wpcf7-textarea {
   border-color: #d5d5d5;
}
textarea.wpcf7-form-control.wpcf7-textarea:focus {
  outline: none;
  border-color: #252525;
}
```
Regards,
Rose Tyler.
#131424 Copied
Andre

Participant

June 28, 2016 at 14:33

Rose that worked great thanks very much

#131449 Copied

Rose Tyler

Support staff

June 28, 2016 at 14:41

Hello,

You’re welcome!

We’re glad to hear that your issue has been resolved.
If you have any questions feel free to contact us.

Regards,
Rose Tyler.

#131459 Copied
Tagged: best, contact, form, selling, size, themes, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)