Portfolio Slideshow
[resolved] Thumbnails not aligning properly (3 posts)

  1. pulpcovers
    Posted 2 years ago #

    In some posts with a lot of images, the thumbnails do not line up in equal rows. They become oddly staggered with hanging thumbnails and empty spaces. An example can be seen here: http://pulpcovers.com/doc-savage-back-covers-aka-smoke/


  2. ultraloveninja
    Posted 2 years ago #

    Looks like in the CSS there is a float:left for the image thumbnails.

    I was messing around with it and I commented it out and that looked like it fixed the issue.

    You'll have to update your CSS file in order to have all the images align properly. I'm not on the team at all so I can't really vouch to say that this is an end-all be-all fix. But from what I can tell, that should technically "fix it"

    Here's the section of CSS code that I am talking about:

    .slideshow-wrapper .pager img {
        opacity: .5;
        filter: alpha(opacity=50);
        border: none!important;
        padding: 0 10px 10px 0;
        margin: 0;
        /*float: left;*/
        width: 75px;
        height: auto;

    I has to un-minify the CSS in order to see where it was, so you might have to do the same if needed.

  3. pulpcovers
    Posted 2 years ago #

    That did it! I just deleted the "float:left" section in the portfolio-slideshow.min.css file, and the thumbnails lined up.

    I'd like to know if that line actually does anything important, and if not, request that it be taken out of the next version.

    Pulp Covers

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic


No tags yet.