Contact Form 7 CSS styling effecting all forms on site

[vortex]

Hi,

I am trying to style my forms but whatever I do it effects all forms across my site.

For example, when I style the footer form the contact form changes also

How can I style each separately? I did try adding #wpc7-f5227-o1 in my element CSS editor, but it didn’t work.

The site is - www.vortexhire.co.uk

Many Thanks

[nabeel]

Hi @vortex,

Thank you for reaching out to us. You can assign a class to the parent container of your form and then use it to style your individual forms. For example to style your footer form, assign a class footer-form to the Container that contains the contact form and then use footer-form class to style your form e.g:

.footer-form #wpc7-f5227-o1 {
/* Your CSS here */
}

Hope this helps!