Change the background of a form with CSS

[Anonymous]

Does anyone know the custom CSS to add in order to change the background color of a form theme?

[Patrick_Cava2]

Thanks Spencer, just noticed that I should keep using the preview window. One odd piece is that the embed code actually reflects the changes before you save and approve the form. It wasn't a problem, but could be if you're experimenting with an existing form, and it is changing how it displays on your live site. 

[Anonymous]

Yes, you will not see this in the editor and you must embed it into a landing page to see your edits.

[Patrick_Cava2]

this is not working for me in the forms css editor. it simply won't change the background color. is it visible in the editor, or do we have to actually use the embed code to see the chnage? I'm trying to achieve a clear background if possible, and if not, then a dark grey background. 

[Anonymous]

Has anyone tried to use a background image? I can't seem to get it to work. 

[Anonymous]

Rock n' roll. This works! Thanks much.

- Spencer

[Enget_Dang · Accepted solution]

You can try dropping this in the Custom CSS 🙂

.mktoForm {

background-color:#d1d8e0;

padding-top:25px;

padding-bottom:25px;

padding-right:25px;

padding-left:25px;

    }

[Anonymous]

I was wondering the same thing. I've just been sticking a colored rectangle behind the forms for now! If anyone has a better way, it would be much appreciated.