Resize gallery thumbnails

I Need Help
1

Hi all, happy long weekend (in the UK)

Does anyone know what class(es) to target to adjust thumbnail sizes for the gallery view in Volt CMS?

I know you can change the bootstrap column settings, but on smaller screen sizes rather than have each single image almost full width, I’d like them quite small so you get 2 or 3 horizontally across the screen - then only the active lightbox image goes to full size.

Cheers all. don’t work too hard.

2

•BUMP• I’m assuming this isn’t possible?

3

That’s the standard CSS:

.volt-gallery img {
margin: 5px 5px 5px 5px;
max-height: 200px;
width: auto;
}

Change it with:

.volt-gallery img {
max-height: 100px !important;
}
2 Likes
4

Thanks Jannis, I’ve gone through various iterations of .volt-etc… over the past few days. I\ll give that a go later.

Cheers.

5

PERFECT! Working just as I wanted changing across breakpoints. Thanks again, appreciated.

2 Likes