Fixed Styling the Media gallery slider arrows

Mr Lucky

Well-known member
I am unable to see the slider arrows until I hover over them then they become visible. I think this is because before being hovered they are almost entirely transparent.

I have tried a few things with CS but have to admit defeat.

Can someone please tell me what I need to do to make these more visible for people,e with bad eyesight? (i.e. make them look like they do when hovered?)


Mr Lucky

Well-known member

I have done this:

//changed transparency

.lSSlideOuter .lSPager.lSpg > li a
    position: relative;
    top: -2px;
    background-color: @xf-textColor;
    opacity: 1;
So far no change. (But waiting for Opcache)

Chris D

XenForo developer
Staff member
I'm not totally sure why Safari is choosing to ignore the text shadow in this case, but there's potentially a better option which we're implementing here.

It does work though there's a Safari bug with Retina displays which may render the outline slightly thinner than other browsers. I'm sure that will get resolved in time.

I've increased the default opacity too a smidgen so it does look better now in Safari, though should improve even more when Apple fix the outstanding bug:


(The changes have been rolled out here if you want to have a look).