Please include a link to your page where you have 2 Contact Form 7 forms so we can examine your form in detail using Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements.
In the mean time you should read Styling Contact Form 7 Forms for a general explanation of styling CF7 forms using CSS, if you haven’t already done so.
http://thelunchbawx.com/order/
http://thelunchbawx.com/contact-me/
Those are the two pages with the forms. The problem with them is that in the CSS I can’t resize the text boxes and areas. The CSS just doesn’t work.
Tell me if you need anything else.
Thanks.
The following CSS statements in your Simple CSS styling don’t make sense:
`.wpcf7-f515-o1-textarea {
width: 40%;
}
.wpcf7-f515-o1-text {
width: 50%;
}
.wpcf7-f515-o1-submit {
width: 40%;
}`
The classes .wpcf7-f515-o1-textarea, .wpcf7-f515-o1-text & .wpcf7-f515-o1-submit don’t exist in your CF7 form.
I suspect you’re really looking for something like:
`#wpcf7-f515-o1 textarea { // textarea within ID wpcf7-f515-o1
width: 40%;
}
#wpcf7-f515-o1 input[type=”text”] {
width: 50%;
}
#wpcf7-f515-o1 input[type=”submit” {
width: 40%;
}`
I did that and it kind of worked but now my CSS that I used to style both forms doesn’t work anymore and I can’t resize the textarea.
