Make images clickable and wider

Store Design
, , , , , , , , ,
1

Hi,

is it possible to make these images clickable same links as the shop now buttons?
my site is https://vazluxe.com

also on desktop can I make them wider so they fill the full space as other sections so the padding matches up

4C183BF4-9210-4063-BD5D-E018C7563C2E.png
4C183BF4-9210-4063-BD5D-E018C7563C2E.png999Ă—605 228 KB

2

Hi @Luxurymrkt

Please add this code to Custom CSS of that section and check again

@media (min-width: 750px) {
    .swiper-slide { 
         max-width: 33%; 
         width: 33%; 
    }
}
a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
3

The bottom code doesn’t work maybe because missing the content “” part?

4

Hey bud, I got it fixed. But is it possible to make the images clickable to the Shop Now Links?

1 Like
5

This code will make image clickable to the Show Now link

a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
6

It wont allow me to add that code. Maybe its missing something?

1 Like
7

Try to add this code to Custom CSS of theme settings

#shopify-section-template--24190955323699__gallery_carousel_RQJHcB .gallery-item__label a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
1 Like
8

Worked perfect!! Thank you