Site logo

Archived topic

How to modify vertical and horizontal spacing between gallery items

3 replies · Started by Alexandra on November 9, 2020

Viewing posts 1–4 of 4

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

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;
}

This is a dream come true!! :D
So happy!
I can't thank you enough!

Happy to be of help!

This archived topic is closed to new replies.