Photo Gallery Thumbnails

Home Forums SKT Full Width Forum Photo Gallery Thumbnails

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #16344
    Martin Sansom
    Member
    • Topics: 2
    • Replies: 3
    • Total: 5
    Member since: June 24, 2015

    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

    #16358
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22196
    • Total: 22196
    Member since: August 16, 2013

    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

    #16421
    Martin Sansom
    Member
    • Topics: 2
    • Replies: 3
    • Total: 5
    Member since: June 24, 2015

    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!

    #57528
    Andrew
    Member
    • Topics: 0
    • Replies: 4
    • Total: 4
    Member since: January 5, 2017

    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?

    Photo Gallery

    #57576
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22196
    • Total: 22196
    Member since: August 16, 2013

    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

    #57721
    Andrew
    Member
    • Topics: 0
    • Replies: 4
    • Total: 4
    Member since: January 5, 2017

    Thank you! worked like a charm!

    #57821
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22196
    • Total: 22196
    Member since: August 16, 2013

    If you found our service good kindly review us here:

    Reviews and Testimonials

    Regards,
    Dave

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