Is it possible to add rules or grid to the form 2.0 editing mode? | Community
Skip to main content
Cecile_Maindron
Level 10
May 7, 2014
Solved

Is it possible to add rules or grid to the form 2.0 editing mode?

  • May 7, 2014
  • 3 replies
  • 1172 views
Hello,

I would like that my fields, my free text and download button are aligned. Is there a way to add rules or a grid?
Or can I least find somewhere what is the default gap between 2 columns?

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
I recently had to modify a button on my form so it aligned with the fields better. A little CSS code knowledge is useful.
In form settings > Form theme > edit custom CSS add this code and then alter the position as you need. Obviously you will need to change  "left" to "right". You can also get rid of any color, height and width info that doesn't work for you. - hope this helps.

/* Add your custom CSS below */

.mktoButton {
  -webkit-appearance: none;
  background-color:#f18100;
  position: absolute;
  left: 0px;
  height: 54px;
  width: 443px;
  color: #fff;
  font-size: 40px !important;
  font-weight: 600;

}

.mktoButtonRow {
  width: 443px !important;
}

.mktoButtonWrap {
  margin-left: 20px !important;
  width: 443px !important;
}

3 replies

Accepted solution
May 7, 2014
I recently had to modify a button on my form so it aligned with the fields better. A little CSS code knowledge is useful.
In form settings > Form theme > edit custom CSS add this code and then alter the position as you need. Obviously you will need to change  "left" to "right". You can also get rid of any color, height and width info that doesn't work for you. - hope this helps.

/* Add your custom CSS below */

.mktoButton {
  -webkit-appearance: none;
  background-color:#f18100;
  position: absolute;
  left: 0px;
  height: 54px;
  width: 443px;
  color: #fff;
  font-size: 40px !important;
  font-weight: 600;

}

.mktoButtonRow {
  width: 443px !important;
}

.mktoButtonWrap {
  margin-left: 20px !important;
  width: 443px !important;
}
Cecile_Maindron
Level 10
May 12, 2014
it seems to work, thanks a lot Shannan!
May 12, 2014
I'm Glad to hear it. :)