Can I adjust horizontal spacing of my form elements?

Hi,

I just purchased your software.  I need to increase the spacing between the field boxes, everything is too narrow.  My web page is 1100px.  The form needs to be 900px.

I understand the vertical spacing, it's just the horizontal spacing of the field boxes that's tripping me up.

Also, I've added a DNS record for the CNAME to use my (join.dynamicfitnessclub.com) sub-domain.  Could you check on that im my account and make sure I did it correctly as well.

Thanks.

Gary Michael

Account: dynamicfitnessclub.com

 

Hello Gary,

I assume that we are talking about the form: https://www.jotform.com/63178436899172

I see that you have arranged your form width to 900px, I see nothing that is out of your needs. 

I check your page at join.dynamicfitnessclub.com/form/63178436899172. It is working properly.

We can also change your forms layout further according to your needs using CSS codes. Please if you need some design changes tell us about them and we will help you to apply those style changes by supplying you CSS codes.

Thank you very much.

Regards.

1. Yes the form is working just fine. But I had to use a template that
doesn't have a "white frame around the form" I want it on a web page that
already has a background, so I didn't need a big white box around the
form. I'm assuming, I just have to pick a template design without that
frame around it?? Or can frames be removed? I couldn't find it.
2. First Name field box & Last Name field box. The spacing between two
columns is what I'm talking about. To spread those columns across the web
page is found where? I think I was able to find the combination of
settings, but I can't remember what I did. Could you explain that part to
me. I.e., "If form layout is x, field boxes are x, then adjust the line to
x so they fit."
That's sort of what I thought about. The Join My Community form is 900px.
The fields have fit in a space of 1000px on my page, so I just guessed
which setting to adjust, then I forgot on publish because Tom Brady finally
threw his first interception of the year, and I freaked out. When I came
to the laptop, I was all flustered :-(
Then we lost so I totally forgot what I did. Any sympathetic help would be
great. Seattle is the bane of my football existence.
Gary Michael
...

Also padding from the top of the form. I want it at the very top of the
frame.
...

...

Hello Gary,

#1. I would suggest you to please share the webpage URL where you have embedded your form and we will take a look how it appears there. Accordingly we will help you with desired custom css code.

#2. Please change the padding right of column 1 and padding left of column 2 to increase the space between form field:

.form-line-column.form-col-1 {

    padding-left: 50px;

    padding-right: 25px;

}

.form-line-column.form-col-2 {

    padding-left: 25px;

    padding-right: 50px;

}

#3. Please inject the following custom css code in form to remove the top margin of form:

.form-all {

    margin-top: -75px !important;

}

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

We will wait for your response.

Thank you!

Hello Gary,

I have moved your DNS related question to a new thread and you will be answered here:  https://www.jotform.com/answers/989734 

Thank you!

http://join.dynamicfitnessclub.com/63178436899172
Excellent, I'll try that after lunch. I'll respond then. Thanks.
...