Support » Plugin: Contact Form 7 » [Plugin: Contact Form 7] Message box shown as only 1 line like above fields

  • Resolved Lane Lester

    (@llester)


    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.

    Lane

    http://wordpress.org/extend/plugins/contact-form-7/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    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;
    }

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

    Lane

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: Contact Form 7] Message box shown as only 1 line like above fields’ is closed to new replies.