Hi @biking4biodiversity , I have the same problem as you have. As a workaround you might add these rules to your css:
.wp-block-gallery.wp-block-gallery-1 {
gap: 10px !important;
}
.is-layout-flex {
display: flex;
flex-wrap: wrap;
}
The parent <figure>
element has class .is-layout-flex
but there is no display: flex
defined in it so you need to add it as shown. Next you need to add flex-wrap: wrap
so your gallery is not in one long line. The last thing is the gap. That is calculated using variable --wp--style--unstable-gallery-gap
which is ackwardly set to 0px. You need to redefine it and mark as !important
otherwise it would be overwritten.
Remember, it is a workaround. It means that e.g. the gap is now hardcoded in your css, so you won’t be able to change it from the post editor. It is not ideal at all and I would be grateful to hear from astra theme developers once they resolve that issue.
Hope it helps.
-
This reply was modified 2 years, 2 months ago by hurryman.