The picture shows 2 custom fields, first is the 6 cell grid, the underneath is a single field wrapped in a container.
How can I reduce gap (white space) between the grid cell, reduce the gap between custom fields?
Hello, sometimes it depends on the theme and other plugins. May I see this on the front-end of your site? I can examine the styles applied to this area.
hidden link, if you want to login my site please provide a private message form.
It seems I need a login to see the issue, so I have activated private reply fields here.
Okay I checked the styles applied to these elements, and it seems your theme applies a 1.5em margin to the bottom of paragraph tags. The content of each grid cell is wrapped in a paragraph tag, so those margins are automatically applied by the theme. I have attached some screenshots here showing the margin highlighted in yellow, and an example showing what happens if you set that margin to be 0. To do that, you must override the styles applied by your theme by adding some CSS in your Content Template. In the Block Editor's Document tab, there is a CSS editor panel. Add some CSS code like this:
.views-template-template-for-unwraps .entry-content p {
margin-bottom: 0em;
}
Adjust the 0em measurement to achieve whatever bottom margin you want under paragraphs. For example, 0.2em would maintain a small margin.
My issue is resolved now. Thank you!