Support » Plugin: Related Posts by Taxonomy » Styling issue

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

    (@keesiemeijer)

    moderator

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

    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)

    moderator

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

    That worked beautifully! Thanks for your time! 🙂

    Plugin Author keesiemeijer

    (@keesiemeijer)

    moderator

    You’re welcome 🙂

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