Modifying arrows #305

Closed
geni94 opened this Issue Dec 10, 2015 · 2 comments

Projects

None yet

3 participants

@geni94
geni94 commented Dec 10, 2015

So I'm using a simple image sliding plug-in, horizontal, and when I open it up I get these [fairly] ugly yellow arrows. What's worse, is that i'm not able to effectively change the .css properties of the arrows, since I'm having a hard time finding the code part where to do that.

Or, in the worst case, I could just hide the arrows and put some of my own, but that would require double the work for something I'm sure that can be edited.

Thank you, any help appreciated.

@idiot
Owner
idiot commented Dec 11, 2015

To style the CSS:

.unslider-arrow {} /* or .unslider-arrow.next and .unslider-arrow.prev to target a specific arrow */

To change the arrow itself, pass the arrow option as an object, like this:

$('.whatever-slider').unslider({
    arrows: {
    //  Unslider default behaviour
    prev: '<a class="unslider-arrow prev">Previous slide</a>',
    next: '<a class="unslider-arrow next">Next slide</a>'
    }
});
@idiot idiot closed this Dec 11, 2015
@idiot idiot added a commit that referenced this issue Dec 11, 2015
@idiot solve #305 b78330e
@paoga87
paoga87 commented Dec 14, 2016

Hey @idiot,
Thanks so much for the explanation on implementing the arrows' text. This worked like a charm for me!
Great work!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment