Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 15, 2014 at 2:11 am #265016
    D5WDesignGroup

    I would like to be able to replace the next and previous arrows in the Advanced Layer Slider with custom .png images. Is this possible? If so where can I swap the images?

    Thank You.

    May 15, 2014 at 3:01 am #265023
    Josue

    Hi!

    The two buttons get this classes respectively:

    .ls-nav-prev{ .. }
.ls-nav-next{ .. }

    Play around with the CSS properties, like background.

    Cheers!
    Josue

    May 15, 2014 at 4:34 pm #265344
    D5WDesignGroup

    That allows me to style the existing arrows (change the arrow color, arrow background color/images etc.) How can I replace the arrow in the square with a completely different .png?

    May 15, 2014 at 4:56 pm #265365
    Flikk

    it’s not a .png

    It’s text added with

    #top .avia-layerslider .ls-nav-next:before {
    content: "";
    font-family: 'entypo-fontello';
}

    Sure you set a background and remove the text.
    for reference whats possible with css you can see here: http://www.w3schools.com/css/default.asp

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How can I change the next and previous arrows in the Advanced Layer Slider?’ is closed to new replies.