[Plugin: Contact Form 7] Width of CF7

Hi again.

Just to confirm. I have adjusted the width of the name/email/subject fields with the following css:

.wpcf7 input.wpcf7-text { width: 999px; }

But this does not adjust the message box width. Is there a separate code for this?

Thank you.

You can change your message in your style.css file around line 1979 look for this code
textarea {
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
font-family: Arial;
font-size: 13px;
height: 150px;
padding: 8px 0 8px 5px;
width: 300px;
}

change the width to your liking

Hi. Thanks for this.

However, which style.css file do you mean? In the Plugin editor? Or the theme editor? I’m not sure where to find this.

Hi. I’ve found the line in and made the change.

Thanks for your help.

Hi again.

Having done this I realise that this will change the width of the text area of the form on the Contact Page as well as the Contact Form 7 plugin I am using in my footer.

Is there a code specific to the Contact Form 7 plugin?