WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Contact Form 7 text area overlapping text

[Resolved] Contact Form 7 text area overlapping text

Viewing 2 replies - 1 through 2 (of 2 total)
  • This is due to CSS styling applied to standard HTML form elements within your current WordPress theme.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    In your case the problem is in http://www.baxterbell.com/wp-content/themes/clean-retina-child/style.css

    input[type="text"], input[type="password"], textarea {
        border: 1px solid #CCCCCC;
        line-height: 5px; /* causing the problem */
        margin: 0 0 5px;
        padding: 3px;
        width: 200px;
    }

    ​​​​
    Change this to ​

    input[type="text"], input[type="password"], textarea {
        border: 1px solid #CCCCCC;
    /*    line-height: 5px;   */
        margin: 0 0 5px;
        padding: 3px;
        width: 200px;
    }

    Worked- (Though I know you meant change to line-height: 20px; or so). Thank you buzztone!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Resolved] Contact Form 7 text area overlapping text’ is closed to new replies.