Changing gap/spacing between fields

Thank you for your fast response.

I’ve looked at the theme, and based on what you’ve said, here are some of the pieces of CSS (I’m using the Responsive theme) that might be responsible:

pre {
padding: 6px 10px;
}

input[type=”text”],
input[type=”password”],
input[type=”email”] {
padding: 6px 8px;
}

select {
padding: 6px 8px;
}

area,
textarea {
padding: 8px 10px;
}

p,
hr,
dl,
pre,
form,
table,
address,
blockquote {
margin: 1.6em 0;
}

input,
textarea {
padding: .3em .4em .15em;
}

select {
padding: .1em .2em 0;
}

option {
padding: 0 .4em;
}

form div {
margin-bottom: .8em;
}

Also, all headings have large top and bottom margins defined, and I’m not sure if the Instruct. Text field uses heading CSS.

Would any of the above things be causing the excessive space between form items?

And if so, can you help with how I change the CSS to reduce the margin/padding just for the Calculated Fields Form items?

I think I might need to define a special class in the CSS layout keywords section for the form elements and then add the CSS to my theme or stylepublic.css, but not sure exactly what CSS to include.

Thanks in advance for your help!

Thank you once again for getting back to me so quickly 🙂

I included the following to stylepublic.css:

#fbuilder input,
#fbuilder select,
#fbuilder textarea,
#fbuilder form {
padding: 2px 0px;
margin: 2px 0px;
}

However, this didn’t change make any change on the form page.

Is there something I need to fix in the code above?

Or should I be putting this in my theme’s stylesheet instead of stylepublic.css?

My knowledge of CSS etc is very limited, so my apologies for all the questions!

Thanks again for your help 🙂