Arrows on carousel are sitting on top of left and right images

[lea]

lea

October 30, 2023 at 4:42 am

Hi,

I have a carousel on my home page, but the next and previous arrows are sitting on top of the left and right images. I tried the css below that you suggested to someone else that had this issue, but I cant get it to work. Can you help? website is: http://www.parchedaroundtheworld.au – the section in question is the What Im lovin right Now section.

Also I added a border to the gallery images on the http://www.parchedaroundtheworld.au/shop page, but now it adds a border to all gallery images, which I dont want, just on the ones on the shop with parched page. I must be missing a div class that relates just to this block or grid on this page.

thanks in advance.

css for arrows:
.kt-content-carousel.kt-slickslider .slick-prev {
left: -30px;
}
.carousel_outerrim {
margin: 0 -40px;
padding: 0 40px;
}
.kt-content-carousel.kt-slickslider .slick-next {
right: -30px;
}

@media (max-width: 992px){
.carousel_outerrim {
margin: 0 0px;
}
}