• Resolved Joe777

    (@joe777)


    I’ve been using Easy Fancybox for many years. Thank you for developing this plugin. I had high hopes for the 1.9.x versions because I’ve been wanting the swipe capability for a long time (though I can’t enable the swipe because it breaks the pinch to zoom, as we discussed in a previous topic). The problem now is the gallery display of the thumbnails.

    Version 1.9.5: the gallery of thumbnails is all in one long column, instead of a multicolumn display. You can see it here: https://www.thelesters.net/2022/pinal-mountains-october-31-2022/

    Version 1.9.4: the gallery of thumbnails has multiple columns, as desired, but no boarder on the thumbnails. I have a test site, and you can see version 1.9.4 running there: https://www.thelesters.net/tlntestsite/2018/sycamore-creek-and-mt-ord-may-10-2018/.

    Version 1.8.19: This has the presentation that was always there prior to 1.9.x The thumbnails have borders and multiple columns. I’m running that version on my localhost. Here is a snip of it:

    Any help is greatly appreciated. Thanks!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi, Easy FancyBox does not create that gallery on your web page. It appears to be a NextGen gallery so you’ll have to ask the NexGen people how to get it to display in columns.

    My suggestion is to first try setting up the gallery without the Easy FancyBox plugin enabled. Once you have your gallery like you want it to, enable the Easy FancyBox plugin to see if that changes the layout. If it does, please let me know.

    Thread Starter Joe777

    (@joe777)

    Thanks for your response. You’re right. Sorry to bother you about this. I don’t use NextGen, but rather NextCellent (the NextGen legacy plugin), since the NextGen rewrite broke my site. I thought the only difference between the three versions of my website (live site, test site, and localhost site) was Easy Fancybox. But, I have now updated all three to version 1.9.5, and the problem is still there. All three versions have a different gallery display. Yikes! This is a new development, and I don’t know what caused it (browser update? plugin update? OS update?). I’ve spent the morning searching and haven’t yet found the problem. However, as you said, it’s doesn’t seem to be Easy Fancybox that’s causing the problem.

    Thanks again.

    In the site wiht one column, it appears there is a CSS stylesheet missing. Maybe the NextCellent plugin has an option to disable its stylesheets?

    Thread Starter Joe777

    (@joe777)

    Thanks a lot for the tip! I really appreciate your looking at this even though it isn’t an Easy Fancybox problem. I checked the NextCellent (and Easy Fancybox) settings on all three instances, and they all seem to be the same. I also noticed CSS differences (using Chrome Developer Tools). Very strange – they should all be the same. I don’t see a way to determine exactly which style sheet is missing. I’ll get to the bottom of it. If nothing else, I can add the CSS to my child theme (a band-aide solution).

    Thanks again for your help. I’ll mark this issue as resolved, since it isn’t an Easy Fancybox problem.

    The missing CSS was on your test site which you seem to have taken down. If you can share link (again) to a site where it is working correctly, then I can tell you which file is missing ??

    Or just try adding some custom CSS like this:

    .entry-content .ngg-gallery-thumbnail img?{
        float: left;
        border: 1px?solid?#ccc;
        margin: 5px;
        padding: 5px;
    }
    Thread Starter Joe777

    (@joe777)

    Thanks very much for your suggestion! I realize that you are busy, and that this problem isn’t caused by Easy Fancybox, so it is very kind of you to provide these suggestions. I didn’t take down my test site. I am curious to know how you found the missing file. I had CSS similar to what you suggested in my child theme styles, but, for some reason I don’t yet understand, it wasn’t showing up when I looked at Chrome Developer Tools. I manually put your lines in via Developer tools, and voila! I then put it in WordPress ‘Additional CSS’ and that worked. I then took it out of Additional CSS, commented out the code I had in my theme, and put yours instead, and waited for the cache to clear, and then the CSS showed up on the Developer tools! Here’s what I had in my CSS before:

    .entry-content .ngg-gallery-thumbnail img {
    height:auto;
    margin: 0 0 18px 0;
    width:auto;
    }

    I know the margins aren’t right, but I had that code in there for years.

    A lot of things I don’t understand. But, the good news is that I have multiple columns now, and I can work in my leisure to make all three instances of my website the same.

    Thank you very much for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Gallery of thumbnails in one column’ is closed to new replies.