Support » Plugins and Hacks » Individual styles

Individual styles

  • 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


Viewing 1 replies (of 1 total)
  • 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.

Viewing 1 replies (of 1 total)
  • The topic ‘Individual styles’ is closed to new replies.