Jump to content

How do I keep only the thumbnails in a slideshow gallery?

Recommended Posts

Hi does anyone know how to make a slideshow gallery show only the thumbnails? The top image takes up too much of the screen and I want to keep it small. If I use a carousel gallery the images I get are so large and I can't seem to resize it but the slideshow has the perfect size in the thumbnails.Help! The page in question and gallery is https://www.vzade.com

Thanks!

Link to comment
  • Replies 6
  • Views 325
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 2 weeks later...
On 4/29/2023 at 4:16 AM, tuanphan said:

Add to Design > Custom CSS

div#block-yui_3_17_2_1_1682657673131_564806 .sqs-gallery-design-stacked {
    display: none;
}

Do you need to hide 2 arrows?

thank you so much but it didn't seem to do anything when I plugged in that code. to answer your question the arrows don't need to be hidden, but I figured if the larger picture gets hidden then those arrows would go away too since they're technically *above* the smaller pictures

Link to comment
On 5/8/2023 at 12:13 PM, vzade said:

thank you so much but it didn't seem to do anything when I plugged in that code. to answer your question the arrows don't need to be hidden, but I figured if the larger picture gets hidden then those arrows would go away too since they're technically *above* the smaller pictures

Can you add & keep the code in CSS box? We can check it again easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 5/8/2023 at 12:13 PM, vzade said:

thank you so much but it didn't seem to do anything when I plugged in that code. to answer your question the arrows don't need to be hidden, but I figured if the larger picture gets hidden then those arrows would go away too since they're technically *above* the smaller pictures

I just tested it again. The code will hide large image

image.thumb.png.dc42e268ed4831e593e6d53051691525.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
On 5/19/2023 at 8:22 AM, tuanphan said:

I just tested it again. The code will hide large image

image.thumb.png.dc42e268ed4831e593e6d53051691525.png

image.png.fe5f73d05ddcdf6eb3e2507ed10b43c6.png

Thanks, but it's still the same for me. Thought maybe stacking buttons instead of having this clickthrough slideshow would get a similar result (but then the buttons end up stacking instead of being able to stay side by side) - but I'll try to give something else a go, I appreciate your help very much

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.