You are viewing limited content. For full access, please sign in.

Question

Question

Removed table header, but now... blank space! Any way to fix that?

asked on October 24, 2017

I was surprised to find that I couldn't remove the header of a table in Forms using the built-in field options, so I searched for a way to remove it using CSS here on the Answers site. I came across this solution, which worked like a charm, but with a new problem coming from it...

#qID .cf-section-header {display: none;}

My table header is now hidden, but as a result, it creates an annoying amount of space between the field prior to the table and the drop-down field in the table (see attached). Anyone know how to get rid of that excess space? Or maybe delete the table header on load using JavaScript so it doesn't show the header at all, which in theory would also fix the problem?

Thanks in advance for your help!

AnnoyingSpace.PNG
0 0

Answer

SELECTED ANSWER
replied on October 24, 2017

Interesting. I'm hiding table headers but I don't get the extra space. Only difference is that I use

{display:none !important;}

Maybe right-click and inspect the empty space so you can track down the actual element causing it

0 0
replied on October 25, 2017

I inspected it closer as you suggested and found one other element I needed to hide... there is still more space than I'd like, but much better, and most people probably won't notice it, so we should be good to go, thanks!

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.