WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Individual styles (2 posts)

  1. venomphil
    Member
    Posted 1 year ago #

    Q: I have contact form 7 running multiple forms throughout my website, my question is regarding styles and if its possible to assign different alert styles to each of the individual form?

    For example, currently is use it on the homepage (width 400px) and i have the error message displaying within the 400px wide box.

    div.wpcf7-response-output {
    width: 400px;

    I now want to use a different form on my contact page but of course the styles set out on style.css are carried over to my now my larger page of 800px.

    Is this possible?

    Thanks Phil

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

  2. buzztone
    Member
    Posted 1 year ago #

    You can easily add a unique CSS class or id to any CF7 form or individual CF7 form element within the Form section of the CF7 interface.

    In your case I would create a unique overall class for each CF7 from and then use Firebug or Chrome Dev Tools to find & target individual relevant elements within those CF7 forms.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic