Return to previous page

Contact Form 7 text area width - by bluelotus

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

bluelotus

Participant

November 2, 2015 at 13:12

Dear Support,

The earlier topic was closed to new replies because I failed to report the problem in time.
The code I added to custom css so that checkboxed are aligned has created another problem.

For reference here is the code:

}
span.wpcf7-checkbox span.wpcf7-list-item { display: block;
}

The text area boxes are not taking full width so I added following.

.wpcf7-textarea {
width: 100%;
}

But it is showing no effect.
Please check the photo sent by you. It carries the text boxes which are small and not taking their proper width.

#97296 Copied

4 Answers
Jack Richardson

Support staff

November 2, 2015 at 13:36
Hello,

Please use this code in custom.css:
```
span.wpcf7-form-control-wrap input {
    width: 100%;
}
```
Best regards,
Jack Richardson.
#97304 Copied
bluelotus

Participant

November 2, 2015 at 13:40

Now the checkboxes are not aligned.

Here is another code{

}
span.wpcf7-list-item {
display: block;
}
.wpcf7-text {
width: 100%;
}
.wpcf7-textarea {
width: 100%;
}

Let me check.

#97307 Copied

bluelotus

Participant

November 2, 2015 at 13:41

The code submitted by me is working now. Everything is fine.

Thanks for your help and Sorry if I bothered you.

#97308 Copied

Jack Richardson

Support staff

November 2, 2015 at 14:52

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#97319 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Contact Form 7 text area width’' has been successfully resolved, and the topic is now closed for further responses

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Handtools Store – WooCommerce Theme

lazy-placeholder

Eco Scooter Store – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

lazy-placeholder

Hemp & CDB – WordPress WooCommerce Theme

lazy-placeholder

Skate – WooCommerce Theme

lazy-placeholder

Carwash – WordPress WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Grocery Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Coffee Store – WordPress WooCommerce Theme

lazy-placeholder

Electron Store 02 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.