Tips on how to globally reduce space between label and content?

Ask the community
#1

Hi Softr Community!

I love the functionality of Softr but I struggle with the flexibility of user interface. In particular the massive amount of space between the label and content. Even when I put the padding/margin at none.

When I inspect the page, I see this so there is a bottom margin at play:

image

I set it to 0 here:

image

and looks exactly as I would like it to. However, I can’t figure out how to code it.

Any help?

Thanks!

Nicole

#2

I figured it out in case anyone else wants to do the same:

Go to Settings > Custom Code > Add Code Inside Header and add this:

<style>
.MuiBox-root p {
   margin-bottom: 0;
}
</style>