Gaps between sections in dashboard

Mirro66 · August 7, 2024, 2:18pm

Hi everyone, is there any way to get rid of gaps between sections ?
Thanks!

Mariusthvdb · August 8, 2024, 6:21am

check this:

# https://github.com/home-assistant/frontend/blob/dev/src/panels/lovelace/views/hui-sections-view.ts
    ha-view-sections-row-gap: 4px #default 8px
    ha-view-sections-column-gap: 8px #default 32px
#     ha-section-grid-row-gap: 8px #default
    ha-section-grid-column-gap: 0px

set these variables in your themes

Mirro66 · August 8, 2024, 8:23am

uff I’m sorry but I have no idea what to do with this. Isn’t there a simpler instruction somewhere?

tom_l · August 8, 2024, 8:43am

Yes, in the documentation. Home Assistant frontend - Home Assistant

Mariusthvdb · August 8, 2024, 9:17am

in that case, well, in any case, do what Tom says, read the documentation.

If you have no idea what this means, than you really shouldn’t bother customizing, as that requires some serious understanding how HA frontend works.

First, understand what a Theme is and does, next you can try and modify the default theme.
There is no other way,

ValMarDav · August 14, 2024, 10:42pm

One possible method is to use Mushroom title card in a section. This gives a good result and eliminates unnecessary spaces.