How can I change the next and previous arrows in the Advanced Layer Slider?

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 15, 2014 at 2:11 am #265016

D5WDesignGroup
Participant

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
Inactive Moderator
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
Participant

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
Participant
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.