Question

How to format space between tables/fields

Forms

Updated February 1, 2016

asked on January 29, 2016 • Show version history

I have added tables to my form. I am trying to find out how to remove all the white space and make the tables closer together. I have also removed the table name and would like to make that area smaller as well. Here is a screen shot:

0 0

Answer

SELECTED ANSWER

replied on January 29, 2016 • Show version history

The css class you are looking for is ".cf-section-header". You can either hide it all together or shrink it using margin. Add this to your "CSS" section in your form.

To Hide it:

.cf-section-header {display:none !important;}

To Shrink it:

.cf-section-header {margin-top:10 !important;}

You can use a negative number on the margin-top to shrink it even further. Note: "!important" overrides any css rules of the same attribute. This is in case there are other css rules applying margin-top to the section header.

1 0

Replies

replied on January 29, 2016

Thank you Chris. You are awesome. It worked perfectly.

0 0

replied on February 1, 2016

Hi Judy,

It's out of box in Forms.

0 0

You are not allowed to follow up in this post.

Question

Question

How to format space between tables/fields

Answer

Replies

Sign in to reply to this post.