NOTE: This is custom code to add to the Code Block in Dubsado forms to be used at your own risk. Dubsado does not handle any support questions regarding custom code and is not responsible for errors resulting from improper use. If you have any questions, it is best to reach out to your web developer or ask our Facebook Community.

 
Dubsado Lead Capture forms include some additional space around the contents of the form by default. If you would like to reduce this space, you can insert a Code Block element into your form and paste in the following CSS:

<style>
.jb-form.container,.container {
  padding-top: 0;
}
.container.bg-transparent.ng-scope {
  padding-bottom: 0;
}
</style>

 
If you are embedding your Lead Capture form on a website and require complete manual control over the margins and padding, you can copy and paste the following CSS into a Code Block element on your Lead Capture form:

<style>
.container.bg-transparent {
 margin: 0;
 padding: 0;
}
.row.padding-bottom-20.padding-30.ng-scope {
  padding: 0;
}
.jb-form.container.ng-scope {
  padding: 0;
}
</style>

 
This code will set all of the margins and padding around the perimeter of the form to zero, so you will need to adjust your website layout or add custom margins and padding back into the CSS above as needed.

If you are not sure how to work with CSS margins and padding, these resources from the Mozilla Developer's Network are a good place to start:

Did this answer your question?