My .form-sub-label pushes drop down box arrow to the right?

Please have a look at the css and see what is causing this.

i have decided to get rid of the labels and only use the sub labels.

However this is causing issues on the custom drop down arrows.

can you please help?

I have spent a lot of time seeing what is and isnt do-able in jotform and I thought that this time I have it figured out.

Hello snaplash,

I did check your web page where you have embedded your form and I see the dropdown arrow appears to be pushed right. Please check the screenshot below:

Is this the issue you are having?

To solve this problem, please inject the following custom css code in your form :

.form-sub-label-container {

margin-right: 0px !important;

white-space: nowrap !important;

margin-top: 20px !important;

}

The following guide should help you in injecting custom css code in your form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Thank you!

thank you so much, worked perfectly!

For the money I pay Jotform - I cannot believe the service I receive!!

I have never met an online company this good at cutomer service!

simply wonderful!

Hello snaplash,

You are welcome. 

I'm very pleased that I was able to help you.

Thank you for your kind words and that is what keeps us motivated. 

Do get back to us if you have any questions.

Thank you!