[Resolved] How to modify vertical and horizontal spacing between gallery items

[Alexandra]

Hey guys,

I was wondering whether you could help me modify the spacing between gallery items.
These are the spaces that I need to change to 1 px:
https://prnt.sc/vgk3bi

Sample post

I would highly appreciate your help, as always!
Thank you so much!
Alexandra

[David]

Hi there,

try adding this CSS:

@media (min-width: 600px) {
    .wp-block-gallery.columns-4 .blocks-gallery-item {
        width: calc(25% - 1px);
        margin-right: 1px;    
    }  
}
.wp-block-gallery.columns-4 .blocks-gallery-item {
    margin-bottom: 1px;
}
.wp-block-gallery.columns-4 .blocks-gallery-item figure {
    margin-bottom: 0;
}

[Alexandra]

This is a dream come true!! 😀
So happy!
I can’t thank you enough!

[David]

Happy to be of help!

[Author]

Posts