WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Style form field background color? (2 posts)

  1. _jc
    Member
    Posted 2 years ago #

    I'm using CSS styling for Form 7 fields (latest version), like:

    <p style="margin-top:5px;">Your Email (required)<br />
        [email* your-email]</p>

    What's the syntax to modify the field's background color, but not the background color of the text labels?

    Thanks All!

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

  2. Add a class to your input shortcode and then style it.

    i.e.

    [email* your-email class:formtxt]

    .formtxt {
       background color: #fff; /* your background colour here */
    }

    References:

    http://contactform7.com/blog/2009/11/17/tag-syntax/
    http://www.sitepoint.com/style-web-forms-css/
    http://www.w3schools.com/cssref/pr_background-color.asp

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic