[Plugin: Contact Form 7] Add color outline or background to form

Any ideas on this? Much appreciated. This is regarding Contact Form 7 plugin.

Is there anyone out there who can provide assistance with this? I’m very thankful…

Please post a link to the form page on your site

https://goo.gl/xqWhl

You don’t make it easy for people to help do you? An ASP page with a frameset pulling in the WP page inside a frame with a minimised version of the stylesheet.

Once I managed to see what was going on it was simple though.

Try adding something like the following to your stylesheet:

.wpcf7-form {
background: #bada55;
border: 1px solid #000;
padding: 20px;
}

I use Genesis/AgentPress, so not sure why it will be all convoluted. I haven’t done any ASP, frames or anything(?) to my knowledge — just using the theme ‘as is’. Maybe it’s the W3TC minify?

Anyway thanks for the assistance – that worked!

Follow-up question: Do you know of a way to control the setting on a form by form basis? IOW, the background color for a form on one page can be different than the background color for a form on a separate pate?

I don’t use CF7 there appears to be an id assigned around the form, but I can’t tell what its significance but if each form is assigned a unique id then you will be able to target each form individually using that id in the css rule – you should be able to identify the id using firebug or web developer toolbar in your browser.

eg for your existing form:

#wpcf7-f4201-p4151-o1 .wpcf7-form {
background: #bada55;
border: 1px solid #000;
padding: 20px;
}

Worked great – thanks so much for all the assistance. Much appreciated.