littletad slider

Latest Reply from chris19752 at 2018-05-23 11:33:29 Solution
Hello,
I am currently testing littletad on my site and I am thinking of buying a license to use, but a few things put me off a bit. When I put more than 5 sliders, the arrows and the little balloon disappear behind the images. Do you have a solution ?
my website: https://www.kids.numerimix.fr
thank you
Hi!

Find the code:

.slider::after {
content:'';
position:absolute;
z-index:6;
width:231px;
height:240px;
bottom:-180px;
right:-174px;
background:url(images/slide-after.png) right bottom no-repeat;
}


inside the style.css file of the theme and replace it with:


.slider::after {
content:'';
position:absolute;
z-index: 15;
width:231px;
height:240px;
bottom:-180px;
right:-174px;
background:url(images/slide-after.png) right bottom no-repeat;
}
thank you it works, to complete, the arrows also was hidden by the images. It was enough to modify this line in the css

find
.fp-prev-next-wrap {
width:100%;
z-index: 6;
}


and replace z-index: 6 to 16 without space because I have no idea what it causes but it works :)

.fp-prev-next-wrap {
width:100%;
z-index:16;
}

Leave a reply

Add codeAdd image