WordPress.org

1. Sculley
   Member
   Posted 9 months ago #

   How do I change the width and height of the message field? In firebug I see it's this code but have no idea where to change it.

   span class="wpcf7-form-control-wrap your-message">
   <textarea rows="10" cols="40" name="your-message"></textarea>
   </span>

2. Sculley
   Member
   Posted 9 months ago #

   Ah, got it! In Contact Form 7 Settings, on the right, in the drop down, choose text area and you can customize it there. I didn't see that before. Hope this helps someone else.

   Not sure how to get the width even in all the browsers though?

   Thanks!

3. mminkov
   Member
   Posted 9 months ago #

   You should use css using some of the classes for the textarea, it's easier and affects all equally

4. Sculley
   Member
   Posted 9 months ago #

   I've never used css for text area. Can you tell me what the .class would be? Is it .textarea?

   I looked at the contact 7 css and couldn't find the style. There are about 3 css files and looked through all of them.

5. mminkov
   Member
   Posted 9 months ago #

   No, textarea is an html element so its use is something like

   textarea { width: 200px; height: 100px; border: solid 1px #cecece; }

   You can also customize the font and other parameters. I prefer it to textarea html parameters.

6. mminkov
   Member
   Posted 9 months ago #

   Concerning the style you can put it inline or just include the definition in your main css file and it should affect all textareas. If you want something more specific you could use id's for the textareas.

   You can find more info on the CSS section in http://www.w3schools.com

7. Sculley
   Member
   Posted 9 months ago #

   I actually know css :-). I'd prefer to do it on my external css file instead of inline. So what class would I use for all textareas?

8. mminkov
   Member
   Posted 9 months ago #

   The one I put in the code area, it's a tag not a class.

   You should know :P
   .class
   #id
   tag

   If you want to specify it would be something like

   textarea.class-X or textarea#id-Y

9. Sculley
   Member
   Posted 9 months ago #

   I know I should :-). I can never remember the proper terms for selectors, tags, etc. I know ids and classes :-).

   Gotcha. Thank you! It's working with the contact form setting though. Why do you like to style it in the css instead?

10. mminkov
    Member
    Posted 9 months ago #

    Sometimes it's easier to check the generated code and affect through CSS rather than looking for what generates the code and where IMO. :)

Reply

You must log in to post.