Change the place of the slideshow carousel button

Store Design
,
1

Good morning

I would like to change the place of the slideshow carousel buttons because they are above the slideshow and I would like it to be positioned below

And is it possible to remove the gray band that I have also circled in red please?

aaaa.PNG
aaaa.PNG1858×816 397 KB

my website: JADIS-SHOP.COM

password: rj

thanks in advance

2

Hi @JADIS ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

@media screen and (min-width: 750px) {
    slideshow-component.slider-mobile-gutter {
        display: flex !important;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

3

Hello,

it’s does not work… maybe because i have this code above : (to have different slideshow in mobile and desktop)

qqs.PNG
qqs.PNG400×574 9.12 KB

Do you have a new solution please ?

4

Hi @JADIS ,

At this css location:

PageFlyRichard_0-1676721002006.png
PageFlyRichard_0-1676721002006.png831×523 13.9 KB

You can change is:

.desktop--device {
    display: flex!important;
}

Instead of using block, you can use flex instead

PageFlyRichard_1-1676721136480.png
PageFlyRichard_1-1676721136480.png1354×557 321 KB

I hope it would help you
Best regards,

Richard | PageFly

5

Perfect it works thanks a lot !! but i have one more question, is it possible to remove the gray band that I have also circled in red (at the left of the picture) please