Support » Plugin: Contact Form 7 » [Plugin: Contact Form 7] Box Height Font Size

Viewing 5 replies - 1 through 5 (of 5 total)
  • In your main stylesheet you can control any form field height/font by simply using the form input CSS class. For example:

         width: 300px;
         height: 30px;
         font-size: 15px;
         font-color: #000;

    Bear in mind though, if you are using forms anywhere else on your website, these will also take the same styles. If you want separate form styles, you will need to create a class for the form fields which can be done in the Contact Form 7 admin menu, and simply add the style to your main stylesheet.



    Excellent, thanks for taking the time to explain Josh!

    I had a drop-down box and a comments text area which were unaffected so I added:

    .wpcf7-form-control  {
         font-size: 17px;

    That fixed it.

    Another quick question though, all the boxes use the same font as my theme’s apart from the comments text area, how do I make it inherit the font too?

    The text area are not inputs. These are textareas. You can target global text areas using:



    I couldn’t get it to work but I added the font-family to the .wpcf7-form-control and that worked.

    Thanks Josh

    This wont work
    styles.css ?ver=1.0 cant find this file, its not at the server
    can you serch it from my website lindenleaf

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Contact Form 7] Box Height Font Size’ is closed to new replies.