SOLVED

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

Go to solution
Cecile_Maindron
Level 10

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

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?

0EM50000000Rpfr.jpg
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Anonymous
Not applicable

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

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;
}

View solution in original post

3 REPLIES 3
Anonymous
Not applicable

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

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

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

it seems to work, thanks a lot Shannan!
Anonymous
Not applicable

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

I'm Glad to hear it. 🙂