Contact Form 7
[resolved] Message box shown as only 1 line like above fields (3 posts)

  1. Lane Lester
    Posted 3 years ago #

    I've used CF7 with a number of sites, and this is the first one in which I've run into this problem: http://readingforbrightminds.com/contact-us/

    At first the text fields had no borders, so it would be confusing to a visitor where they should type. I added a border setting to CF7's styles.css:

    span.wpcf7-form-control-wrap {
    	position: relative;
    	border: 2px solid #dddddd;

    This gave me the desired border, but the Message box is also only one line high. The actual input area is several lines high, as seen from where the Really Simple Captcha is displayed.

    I would really like to get the Message box the right size.



  2. Takayuki Miyoshi
    Plugin Author

    Posted 3 years ago #

    Don't edit stylesheets in the plugin folder since the change will reset when updating the plugin.

    Instead, add this to your theme's stylesheet.

    .wpcf7 input, .wpcf7 textarea {
        border: 1px solid #162A84;
  3. Lane Lester
    Posted 3 years ago #

    Thank you! In addition to providing best practice, the change also solved my problem. The message box is now full size.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic