Photo Gallery Thumbnails

[Martin Sansom]

Hello — I need to know how to change the size/shape of the image thumbnails in the Photo Gallery page template. See here for an example:

http://heavymetalchristmas.com/what-we-do/custom-orders/custom-frames-penguins/

The thumbnails default to rectangular with a width of 285px and height of 170px. Where would I adjust these parameters? If that is not an option, at the least I need to have them be square, i.e. equal in height and width.

Thank you!
Martin

[Sonl Sinha]

Hi,

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
Paste this css code in custom css box:
.image-set img{width:250px; height:250px;}

Regards,
Shri

[Martin Sansom]

Thanks for your reply, but we’re not there yet. The CSS you suggested did change the thumbnail boxes to square (250×250) but also stretched the image within the box, instead of showing a greater area of that image, which is what I need.

What else can you suggest? Thanks!

[Andrew]

I have just purchased and installed SKT Coffee and I’m running into this too. My pictures look great when I click on them, but the thumbnails look squished. How can I fix this?

http://oneeleven.coffee/photo-gallery/

[Sonl Sinha]

Hi Andrew,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.photobooth .gallery ul li{width:19.6% !important;}
.photobooth .gallery ul li a{height:80px;}
.photobooth .gallery ul li a img{min-height:80px;}

Regards,
Dave

[Andrew]

Thank you! worked like a charm!

[Sonl Sinha]

If you found our service good kindly review us here:
https://www.sktthemes.org/forums/topic/reviews-and-testimonials/

Regards,
Dave

[Author]

Posts