SOLVED

Change the background of a form with CSS

Go to solution
Anonymous
Not applicable

Change the background of a form with CSS

Does anyone know the custom CSS to add in order to change the background color of a form theme?
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Enget_Dang
Level 3

Re: Change the background of a form with CSS

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;
    }

View solution in original post

7 REPLIES 7
Anonymous
Not applicable

Re: Change the background of a form with CSS

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
Level 3

Re: Change the background of a form with CSS

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
Not applicable

Re: Change the background of a form with CSS

Rock n' roll. This works! Thanks much.

- Spencer
Anonymous
Not applicable

Re: Change the background of a form with CSS

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

Patrick_Cava2
Level 2

Re: Change the background of a form with CSS

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
Not applicable

Re: Change the background of a form with CSS

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

Re: Change the background of a form with CSS

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.