Jump to content

How can I add a button on top of each of my gallery slides (gallery type - slideshow: full)

Go to solution Solved by tuanphan,

Recommended Posts

Hi,

 

Site: https://threadsonline.co.uk/gallery-5-1

 

I'm currently trying to add a button on top of each image in my gallery. For example, I want each slide/image to have a button in the center, the first slide will have a button saying 'shop coats', the next slide will have a button saying 'shop trainers', and so on. The gallery currently moves onto the next slide by itself with the bullets underneath which i want, but I just need to add a button on each slide. Each button will redirect to a differnet category within my store. Any custom CCS suggestions would be apprecaited!

 

Thanks,

Elliott

Link to comment
On 1/31/2024 at 5:40 AM, threadsonline said:

Thank you!! I was trying to make this work with custom CSS code but didn't even need it! I was wondering if you're able to advise how to make the height of this section smaller on mobile devices?

We will need code to resize height on mobile, if you let me know which page you added List slideshow, I can check 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 2/2/2024 at 10:39 PM, threadsonline said:

Hey, here is the link to my homepage which is where the List slideshow is added: https://threadsonline.co.uk/home  Thanks!

You can use this code to Website > Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="65b96124899002297ce21714"] ul {
    min-height: unset !important;
    height: 40vh !important;
    margin-top: 15vh;
}
}

 

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

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.