September 17, 2015 at 9:21 am
Hello,
I have tried all that I am able to… but I do not understand why on the page (*Login to see link :
1. with a width > 992px, only one slider arrow displays (left arrow of the first slider) => how to display the other arrows ?
2. with a width < 992px, three slider arrows display => how to display the last one ?
What a mystery :/ and thxs for your help
Here my code :
/** ARROWS **/
.kt-icon-arrow-left:before,
.icon-arrow-left:before {
content: "e3b7";
}
.kt-icon-arrow-right:before,
icon-arrow-right:before {
content: "e3b5";
}
.prev_carousel {
left: 55px;
}
.next_carousel {
right: 55px;
}
.next_carousel, .prev_carousel {
font-family: kt-icon;
color: #000;
background: transparent;
line-height: 0px;
font-size: 45px;
opacity: 1;
}
a#prevport-product, a#prevport_product:hover,
a#nextport-product, a#nextport_product:hover {
color: #000;
opacity: 1;
}
.carousel_outerrim:hover .next_carousel, .carousel_outerrim:hover .prev_carousel,
.carousel_slider_outer:hover .next_carousel, .carousel_slider_outer:hover .prev_carousel {
color: #000;
opacity: 1;
}