Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author keesiemeijer

    (@keesiemeijer)

    Hi Stefano

    That’s because your images are of different sizes and your theme is using floats to align the images.

    Try adding this in the Additional Css module of the customizer

    
    .related-gallery .gallery-item {
        display: inline-block;
        margin: 0 4px 4px 0;
        overflow: hidden;
        position: relative;
    }
    Thread Starter Stefano

    (@ste_95)

    Thanks for very much! Unfortunately, that did not seem to have any effect. You can check by yourself, the edits are live. What seemed to work is to remove the float: left; directive from the .gallery-item, but I did not want to enforce that everywhere as I fear that could break styling in other places.

    Plugin Author keesiemeijer

    (@keesiemeijer)

    Ah yes, we need to remove the float as well. Try it with this CSS.

    
    .related-gallery .gallery-item {
        display: inline-block;
        margin: 0 4px 4px 0;
        overflow: hidden;
        position: relative;
        float: none;
    }
    Thread Starter Stefano

    (@ste_95)

    That worked beautifully! Thanks for your time! ??

    Plugin Author keesiemeijer

    (@keesiemeijer)

    You’re welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Styling issue’ is closed to new replies.