Hello,
I want to set border top and border bottom stripes in easy slider.
The Css code is that, but doesn’t work.
.avia-slideshow li img {
background: repeating-linear-gradient(
-55deg,
#222,
#222 10px,
#333 10px,
#333 20px
);
}
Thank you
Hi Isakos-Soft!
Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your slider and give it a custom CSS class and then add following code to Quick CSS and adjust as needed
.your-custom-class .avia-slideshow {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#000), to(transparent));
background-image: -webkit-linear-gradient(left, #000, transparent);
background-image: -moz-linear-gradient(left, #000, transparent);
background-image: -o-linear-gradient(left, #000, transparent);
padding-top: 3px;
}
Best regards,
Yigit
With class .avia-slideshow, doesn’t work.
I used only the .your-custom-class and work perfectly.
.your-custom-class .avia-slideshow {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#000), to(transparent));
background-image: -webkit-linear-gradient(left, #000, transparent);
background-image: -moz-linear-gradient(left, #000, transparent);
background-image: -o-linear-gradient(left, #000, transparent);
padding-top: 3px;
}
Thank you