Background Image

What if you use the following CSS?

.mc4wp-form {
background: #4060AD url('https://campingandoutdoorlife.com/wp-content/uploads/2014/03/SignUp.png');
}

Also, make sure your theme styles are not overriding our CSS rule. ?? If you post the URL to your website here, me or somebody else might be able to take a look.

Hope that helps, enjoy your Sunday!

The homepage of the site is: https://campingandoutdoorlife.com/

Is that the right way to be putting an image behind the form?

Not sure if something else isn’t overriding it. Chrome looks like it should be working, but IE has the background crossout.

Hi there,

Your fields are floating so the form has a height of 0 pixels. Adding the following HTML to the end of your form mark-up should solve it.

<br style="clear: both;" />

I think it will look better if you add a slight padding to the form as well. Something like this should work.

.mc4wp-form {
	background: #4060AD url('https://campingandoutdoorlife.com/wp-content/uploads/2014/03/SignUp.png');
	padding: 10px;
}

Hope that helps, good luck!

That worked, form looks great. Need to figure out how to get the text black, but that shouldn’t be too tough. Thanks a lot.

Great, glad that worked. Something like the following should normally work for setting the text color but it might be that your theme is interfering.

.mc4wp-form {
	background: #4060AD url('https://campingandoutdoorlife.com/wp-content/uploads/2014/03/SignUp.png');
	padding: 10px;
	color: black;
}

Hope that helps!

By the way, should you have a quick free minute: a plugin review here on www.ads-software.com would make me quite happy. ??