Slick: Prev Arrow doesn't show

[dirkbartels14050]

Just upgraded to the latest version 1.56, now the prev arrow is not showing anymore. The next arrow works just fine The CSS code is unchanged:

/* config for the slick carousel arrows etc. */
.slick-prev,
.slick-next
{
top: 45%;
width: 35px;
height: 100px;
}

.slick-prev:before,
.slick-next:before
{
opacity: .50;
color: white;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 0.75;
}

.slick-prev:before
{
content: url("Pfeil_Navi_links_solid.svg") no-repeat;

}

[dir='rtl'] .slick-prev:before
{
content: url("Pfeil_Navi_rechts_solid.svg") no-repeat;

}

.slick-next:before
{
content: url("Pfeil_Navi_rechts_solid.svg") no-repeat;

}

[dir='rtl'] .slick-next:before
{
content: url("Pfeil_Navi_links_solid.svg") no-repeat;
}

.slick-prev {
left: 20px;
}

.slick-next {
right: 20px;
}

[leggomuhgreggo]

Hey bro can you whip up a fiddle with your implementation? See this.
Thanks!

[dirkbartels14050]

@leggomuhgreggo okay, will do this later, need to isolate the code

[dirkbartels14050]

here you go:

https://jsfiddle.net/9bxe6tgL/1/

[leggomuhgreggo]

Ah yeah the order changed in the DOM; I think so that tab sequence would be more natural for accessibility. If you add a z-index to .slick-prev you'll see it.

[dirkbartels14050]

I'll check it out later. Thanks

Dirk

On Wed, Jul 15, 2015 at 1:26 PM, leggomuhgreggo [email protected]
wrote:

Ah yeah the order changed in the DOM; I think so that tab sequence would
be more natural for accessibility. If you add a z-index to .slick-prev
you'll see it.

—
Reply to this email directly or view it on GitHub
https://github.com/kenwheeler/slick/issues/1532#issuecomment-121586237.

[dirkbartels14050]

z-index: 1 does the trick. Thanks again for your help