[Support request] Gallery help

Home Forums Support [Support request] Gallery help

Home Forums Support Gallery help

  • This topic has 12 replies, 2 voices, and was last updated 5 years ago by David.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #832693
    David

    Hello

    I’ve set up some tabs and want to load a gallery in to each one – I’ve got it kind of working, but if you click on tab 2 or 3 the images don’t show the same as they do on the first tab…

    https://www.wilstonsofavebury.co.uk/projects/galtemoore/

    Any ideas why the other galleries aren’t loading properly?

    I’m using this to change the standard WP gallery in to a masonry one…

    https://en-gb.wordpress.org/plugins/photoswipe-masonry/

    Thanks
    Dave

    #832920
    David
    Staff
    Customer Support

    Hi there,

    looks like its because the gallery gets ‘built’ on viewport load or screen size change. Which won’t be triggered by clicking a tab. So before that happens Gallery Container has no set height and therefore neither does the tab.

    You might want to check with Photoslide to see if they have a solution.

    #832938
    David

    Ok thanks David

    #832942
    David
    Staff
    Customer Support

    You’re welcome.

    #832945
    David

    Any other ideas how I can get the gallery to show massonry without using the plugin?

    #832958
    David
    Staff
    Customer Support

    If you want to just add a normal gallery to the tab content then i may have some CSS that will do the trick

    #832984
    David

    That would be great – would it be easy to add a lightbox?

    #833006
    David
    Staff
    Customer Support

    Featherlight plugin is a really good and lightweight plugin

    #833017
    David

    Great, I’ll take a look – anymore help with the css would be great 🙂

    #833047
    David
    Staff
    Customer Support

    If you can set up just a simple single column gallery on a test page i can take a look at the CSS required.

    #833064
    David
    #833106
    David
    Staff
    Customer Support

    So it won’t do any clever re-ordering but try this which will apply to all single column galleries:

    .gallery {
        column-count: 2;
        column-gap: 0px;
    }

    Or you can target each one with its unique ID like so:

    #gallery-1 {
        column-count: 2;
        column-gap: 0px;
    }
    #833116
    David

    Great, I’ll take a look at adding the lightbox too – thanks David

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.