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

Patrick_Cava2
Patrick_Cava2
New Participant
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. 
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
    New Participant
    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
    August 8, 2014
    Has anyone tried to use a background image? I can't seem to get it to work. 

      A
      Anonymous
      March 25, 2014
      Rock n' roll. This works! Thanks much.

      - Spencer
      Enget_Dang
      Enget_DangAccepted solution
      New Participant
      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 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. 
      Terms & ConditionsAccessibility statement

      Loading footer...