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

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

  • May 7, 2014
  • 3 replies
  • 1165 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

A
Anonymous
May 12, 2014
I'm Glad to hear it. :)
Cecile_Maindron
Cecile_MaindronAuthor
New Participant
May 12, 2014
it seems to work, thanks a lot Shannan!
A
Anonymous
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;
}
Terms & ConditionsAccessibility statement

Loading footer...