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

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

Here is an example of a site that has the feature i'm after: https://openattire.com/

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?

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

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

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;
}
}