Change the background of a form with CSS | Community
Skip to main content
A
Anonymous
March 20, 2014
Solved

Change the background of a form with CSS

  • March 20, 2014
  • 7 replies
  • 5345 views
Does anyone know the custom CSS to add in order to change the background color of a form theme?
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Enget_Dang
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;
    }

7 replies

A
Anonymous
March 20, 2014
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
Enget_DangAccepted solution
Level 3
March 25, 2014
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;
    }
A
Anonymous
March 25, 2014
Rock n' roll. This works! Thanks much.

- Spencer
A
Anonymous
August 8, 2014
Has anyone tried to use a background image? I can't seem to get it to work. 

    Patrick_Cava2
    Patrick_Cava2
    Level 3
    September 23, 2014
    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. 
    A
    Anonymous
    September 23, 2014
    Yes, you will not see this in the editor and you must embed it into a landing page to see your edits.
      Patrick_Cava2
      Patrick_Cava2
      Level 3
      September 23, 2014
      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. 
      Terms & ConditionsAccessibility statement

      Loading footer...