I am developing a block theme locally on my Mac, using Local.

Inside the query block, the <ul> element has a default gap of 1.25em, applied to the class .wp-block-post-template.is-flex-container.

How can I modify this value?

I have tried changing the "blockGap" setting inside theme.json (styles -> spacing -> blockGap), but that only changes the vertical spacing between blocks. I am looking to specifically change the gap value applied to flexbox containers.

Edit: The same is true when using the Twenty-Twenty-Three theme. I have added a link above.

I’m talking about that very slim gap between the top green band where it says “Sí tenemos pago contraentrega” and the first white block after that, there is a tiny gap that shows the site background colour. I checked with yellowpencil and there is no margin on any of those elements, nor in the “entry-content”. Why is that gap in there?

NOTE: In one of the screenshots the pink band shows light green but it’s only bc of the yellowpencil margin tool, check the other capture and you can see the pink band

https://ibb.co/DWJLk05
https://ibb.co/fMHZBr5

Unfortunately, I have a problem that I haven’t been able to solve yet.

In the single event view there is a large gap between the image and the details of the event.

Everything seems fine in Desktop View, but when you shrink the browser window the spacing changes and the problem becomes visible. In Mobile View on the smartphone there is generally an ugly gap.

Does anyone have an idea how I can solve the problem?

Many thanks in advance and
Regards
Mo

Thanks for the great plugin.

I’m having a small issue when I first log into the website there is a gap between the panels vertically. So there is 4 panels in total (2 horizontally and then another 2 panels on the next line below). When first log onto the website there is a big gap between the top two panels and bottom 2 panels.

I’m using pagination. When i click onto the next page using this pagination there is no gap. Then when i go back to the home page by clicking page 1 on the pagination menu below the gap is gone and it looks better. Edit: Just to note, I cleared cache on browser and still got same also.

Do you know how i could fix this issue by chance?

thank you
Sean

Code I’m using:

[latest-selected-content ver=”2″ perpage=”4″ showpages=”5″ pagespos=”1″ display=”title,excerpt-small” titletag=”b” chrlimit=”52″ url=”yes” linktext=”Read more” image=”large” elements=”25″ color_text=”#FF3366″ image_opacity=”0.25″ css=”two-columns as-overlay has-shadow has-title-nodecoration hover-zoom hover-highlight content-center light” type=”post” orderby=”dateD” show_extra=”ajax_pagination,light_spinner,tags,taxpos_tags_after-title”]

Thank you,

Judah

answer:

i fixed using set to -1

thanks so much