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?

[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. 

[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]

Rock n' roll. This works! Thanks much.

- Spencer

[Anonymous]

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

[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]

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

[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.