How to change the size of your form

If you're looking to change the height and width of your form, here's how to do it.

Important notes:

  1. You can only change the height and width for the "enhanced style" form. If you're using the "chat style" then this option will not be available to you within the builder.

  2. The real-time builder will not update when you make height and width adjustments. To see the updated form, you will need to preview the form inside of the builder or on your site.

  3. This only affects the popup form. The embedded form height is set to auto by default and the width is 100% so the embedded form size can be easily managed by the size of the parent element on your page.

Instructions

  • Inside of your LeadForms Dashboard, go to your form and click edit form

  • Once in the builder, click the Design Tab

  • Ensure that the template style of "Enhanced" is selected. If "Chat Style" is selected then you will not see the option to change the height and width of your form.

  • Next, scroll down to Lead Form Dimensions

  • You'll see that you can adjust the following options

a) Height and width for desktop

b) Height and width for mobile

If the field is blank, then it will default to 100%.

  • To edit the field, enter a value ranging from 0 - 100. A higher number means that you're adding more height or width to the form.

  • To see the changes in real time, preview your form.

That's all there is to it, If you have any questions, feel free to contact support. We will be happy to help you.

Still need help? Contact Us Contact Us