• peacockcreativedesign

    (@peacockcreativedesign)


    Hi there,

    My images are not appearing evenly spaced. I’ve removed any extra margins from the CSS but it doesn’t seem to be fixing it.

    You can see the website here: https://goo.gl/5r25I5

    Any help appreciated.

    Cheers!

Viewing 5 replies - 1 through 5 (of 5 total)
  • ThemeSumo

    (@themesumo)

    From what I can see, the spacing between your images appear to be consistant, there are a couple of things you may want to try.

    Add these to your Child Theme style.css file, or using a Custom CSS plugin.

    Remove some additional margins on images:

    #main .page .entry img:not(.wp-smiley) {
        margin-left: 0;
        margin-right: 0;
    }

    Prevent images from overspilling their containers:

    .gallery-item a {
        overflow: hidden;
    }

    Hope this helps.

    I’ve added both of those codes, and it didn’t fix my issue…

    On the Masonry option, my gutter works fine, but all of my images have extra space below them, apparently where the caption should be, but I’ve check the “dont’ show” for that….but it doesn’t take the space away.

    Any idea on how to fix that? Here is the gallery: https://estaterealphoto.com/index/aerial-photography/

    Thread Starter peacockcreativedesign

    (@peacockcreativedesign)

    Ooh it was ages ago that I worked on this, but can you not just remove it with CSS if the settings don’t work?

    Thread Starter peacockcreativedesign

    (@peacockcreativedesign)

    On inspecting the code, the .entry-content img has margin: 0 0 1.5em 0

    You need to add a margin of 0 to the bottom aswell.

    Perfect, and Yes! Thanks for the quick update!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Uneven image spacing in masonry’ is closed to new replies.