How to reduce the amount of space between the various sections?

Another quick question. Is there any way to reduce the amount of space between the various sections? The form is really spread out unless I select "shrink" on the various fields. I'm thinking a client would probably want to print out the form and it's going to take a lot of paper to do that. 

Thanks for your help. 

Are you referring to the empty space being displayed below the headings?

If so, please try injecting the following CSS code to the form to reduce the space.

.form-header-group {

margin-bottom: 25px !important;

}

Please get back to us if you need any further assistance. We will be happy to help. 

I have checked your form again and see that the width of the fields are displaying correctly. For the labels displaying multiple lines, please inject the following CSS code to the form so that they should be displaying in one line.

.form-label.form-label-auto {

width: auto;

}

Also, The width of the signature field can be adjusted from the field properties. And if you want to reduce the line spacing between the fields, you may adjust the question spacing in the styles tab from the Form Designer.

Hope this information helps! 

Made some changes with the advanced editor. Now the calendar icons don't line up properly and you can't click on the first one. 

Also, very important for my market here in Mexico is that the form can be translated, which it is not. ??

I went back and edited my Business Registration form. It all went fine except that I could not figure out where the logo is coming from. I tried everything to remove it but failed. 

Appreciate your help, as always. 

Also, very important for my market here in Mexico is that the form can be translated, which it is not. ?

I have checked your JotForm and see that there are several entries that are not translated. Please open the Translations option from the form settings so that you can translate the fields manually which are not translated. Please refer to the guide below that can help you with making your forms multi-lingual.

https://www.jotform.com/help/298-How-to-Make-Your-Forms-Multilingual

I could not figure out where the logo is coming from

If you click on the logo from the Form Builder, the logo field properties shall be displayed so that you may remove the logo.

Hope this information helps! 

Followed your instructions for the translation. Really hard to find where to start. Worked well though. 

You didn't answer me about the placement of the calendars. In the advanced form builder they look fine, but then they are not visible when you load the form. I noticed today same issue with the email fields. 

As you pointed out, the calendar icons were indeed being overlaped (image below) by the date fields.

 

I fixed this problem by adding the following fragment in your custom CSS code:

 

#id_6 {

    width : 45%;

}

 

.form-line.form-line-column.form-col-6 {

    width : 55%;

    padding : 5px 10px 10px 40px;

}

 

.form-line.form-line-column.form-col-6 {

    width : 55%;

    padding : 5px 10px 10px 40px;

}

 

After you add this fragment into your custom CSS code your fixed calendar fields will be shown like this:

You can read more about customizing your form with CSS code here:

https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes

 

You can clone a fixed version of your form here:

https://form.jotform.com/81444479581971

Feel free to contact us for further assistance,

Thanks.

Did you already add the CSS or do I need to do it?

Using a plugin called GeoDirectory for my Business Directory. They use something called code snippets that allows things like login redirects. They also have one for using a different registration form, but they want me to build the form using something called UsersWP (https://userswp.io). I told them I didn't want to start building the form all over again and asked if I could use yours? They came back saying it didn't look like a WordPress form. No idea what that meant. Maybe you know? 

1) The CSS has not been added. You can replace what you have with this:

.form-header-group {

    margin-bottom : 25px !important;

}

.form-label.form-label-auto {

    width : auto;

}

 

.showAutoCalendar {

    overflow : auto;

}

 

#id_6 {

    width : 45%;

}

.form-line.form-line-column.form-col-6 {

    width : 55%;

    padding : 5px 10px 10px 40px;

}

.form-line.form-line-column.form-col-6 {

    width : 55%;

    padding : 5px 10px 10px 40px;

}

 

2) Not sure if you can use JotForm with that Wordpress plugin. Saying it doesn't look like a WP form means that it may not be possible. 

Ask them can the redirect work with an iframe embedded in a Wordpress page?

Getting-the-Form-iFrame-Code

If not can the redirect work with the direct link to your form (it has its own URL).

Where-to-Find-My-Form-URL

 

Another small issue with the form -

Inject the following custom CSS codes in the form to fix the phone issue:

[data-type="control_phone"] .form-sub-label-container:first-child [data-component=areaCode] ~ .form-sub-label {

    display: block;

    position: relative;

    top: 4px;

}

[data-type="control_phone"] .form-sub-label-container:first-child .phone-separate {

    top: 5px;

    right: -19%;

    width: 24%;

}

 

I've also noticed a problem with the calendar icons, it's not clickable. Please replace the CSS to the following for the calendar fields:

li#id_6 {

    width: 47%;

    margin-right: 23px;

}

li#id_7 {

    width: 47%;

 

}

 

You can check the output here https://form.jotform.com/81476626580969. 

I'm confused. I already got the CSS to fix the calendar problem. Is this now different CSS?

Hello, 

Please, tell us did you try last code that @Welvin give you?

And if you have test it, does it work?

Please test it and tell us your impressions. 

Thank you.

Just to add, the calendar icons are not clickable to my end. Please check that. If they're doing the same to your end, the suggested CSS should fix that. Basically, it's for both icon and its alignment. 

No. I updated the CSS with the code Aubrey gave me. Not sure what you want me to do now. 

If @aubreybourke code is working good than leave it.
If  @aubreybourke code is not good, then inject @Welvin code.

Quick question. I haven’t touched the Business Registration form for a while and loaded it today. For some unknown reason, maybe just my fault, there was nowhere to actually submit the form. I added the submit button but I can’t see anywhere exactly what happens when someone clicks on the button. It is automatically emailed to me? Is there something I need to do?

Thanks.

...

I checked your Business Registration form. I see the submit button is there.

And once your customer fills out the form one email is configured to send:

Note that you don't have any autoresponder emails setup. So your customers wont get a receipt of the form. If you would like to change this, instructions are here:

Setting-up-an-Autoresponder-Email

Now, I also noticed that your city dropdown field has been marked as required. But the options are all blank. So its impossible to submit your form. Please add some cities as options for this field.