WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Contact form 7: Would like to customize two different forms.. (2 posts)

  1. mm
    Member
    Posted 1 year ago #

    Hello.

    Could anyone help me with this?
    I have two forms on my site.
    One of them already has some css change.
    The second one is gonna need a change as well.
    How can I tell my css that these are two different forms?

    Thank you in advance for your help.

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

  2. buzztone
    Member
    Posted 1 year ago #

    Each CF7 form has a unique ID like wpcf7-f8-p275-o2. Use Firebug or Chrome Dev Tools to find the ID of each form and then target your CSS changes to each individual form e.g.

    #wpcf7-f8-p275-o2 .wpcf7-form {
        background:#dcc8a5;
        padding:20px;
        border:2px solid #f6efdf;
        margin-bottom:30px;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic