Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 22, 2016 at 3:33 pm #570141
    Isakos-Soft

    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

    January 22, 2016 at 4:00 pm #570159
    Yigit

    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

    January 22, 2016 at 4:32 pm #570199
    Isakos-Soft

    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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Easy Slider set border top – bottom stripes in CSS’ is closed to new replies.