CSS Hide / Do not Display / Suppress View Header

Howdy, thought I'd share.  This came in handy just now.

Basically, I was trying to have many views which were lists below a record detail yet even with the list headers blank, they still left blank lines even when the list had zero records in it.  Eventually, after several lists with no entries and all those blank headers, it left lots of empty lines before the next list showed with actual content.

SO, this CSS code entirely removes the blank header lines so the lists appear immediately one after the other with no gaps / blank lines.

.kn-view.view_1274 .view-header {

display: none;


Hope this helps.

Very helpful. Thank you.

Does anyone know how to completely hide all the table views that do not contain at least one related record, so that only tables views with records remain visible?