How to remove borders from the slideshow

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

Hi, I want to remove all borders from my slideshow, how can I do that? I mean the ones around the arrows, image frames, etc.

I already used this code, but it only worked on mobile, not sure why.

.slideshow__controls {
    border: 0 !important;
}

.slideshow__autoplay.slider-button {
    border-left: 0 !important;
}

Here’s my store: https://creationwithtim.com/products/cinematiq-lut-collection-copy
(Just scroll all the way down there’s the slideshow)

Thanks,

Tim

2

Add this css

@media screen and (min-width: 750px) {

.slideshow__controls {

position: relative;

border: none;

}

}

3

Hi @CreatorTim

Check your Base.css file where you paste the code.

Made4uoRibe_0-1746095677022.png
Made4uoRibe_0-1746095677022.png629×404 10.1 KB

Add 1 closing bracket } on the 4289 line.

Made4uoRibe_1-1746095712282.png
Made4uoRibe_1-1746095712282.png609×406 11.3 KB

And Save. Let me know if your still having problem. THanks!

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

4

Thanks bro! You’re legend