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?)

Thanks
 
Safari

I have done this:

Code:
//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)
 
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:

1511353473805.webp

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