Gallery help

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.

Ok thanks David

You're welcome.

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

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

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

Featherlight plugin is a really good and lightweight plugin

Great, I'll take a look - anymore help with the css would be great :)

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

How's this...

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

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

Great, I'll take a look at adding the lightbox too - thanks David