Skip to main content
Paul_Green
Paul_Green
Level 2
February 7, 2014
Question

Forms 2.0 Question - Spacing Between Fields

  • February 7, 2014
  • 6 replies
  • 4183 views
Does anyone know how to decrease the vertical space between fields in a form?
Thanks in advance
Paul Green
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

6 replies

A
Anonymous
February 7, 2014
Paul,

You can customize the CSS of the form layout to make it look how you want. Look into setting the margin or padding properties.
A
Anonymous
February 9, 2014
I've tried using margin, padding, and even line-height properties to the form, label, and input elements - to no avail.
C
ChrisPe14
Level 2
February 13, 2014
For fields that are not required try this:
  1. Go to the rich text editor for the label name.
  2. When it opens, press space bar, then SHIFT+ENTER, and enter your label.
  3. You can change the pixel height of the blank line to fiddle with how much vertical space you need. 
Doesn't work for required fields because the red asterisk appears in the line space.
Enget_Dang
Enget_Dang
Level 3
February 20, 2014
In reference to a previous discussion that Jason was in, which worked for me. https://community.marketo.com/MarketoDiscussionDetail?id=90650000000PlZdAAK 
Joke_Van_Essche
Joke_Van_Essche
Level 2
December 16, 2014
Help! I'm also desperately looking for a way to minimize the whitespaces between all fields! (in height)
Tim_Marcacci
Tim_Marcacci
Level 2
July 13, 2016

Very old thread, but for people still searching how to do this, here it is:

If you have no experience editing the CSS of Marketo forms, follow these steps. If you know what this is, just use the css below.

  1. On the "Form Theme" page of the form editor, click the gear icon to the far right and select "Edit Custom CSS."
  2. Copy and past the following code:
    .mktoForm .mktoOffset {
          float: left !important;
          height:0px !important;
    }


This will remove all vertical space between the fields. If you would like some space, just change the the height from "0px" to what ever you'd like. Personally I recommend 5px.

Hope this helps someone!

Terms & ConditionsAccessibility statement

Loading footer...