Fixed Styling the Media gallery slider arrows

[Mr Lucky]

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

 

[Chris D]

They're hardly entirely transparent:

 

[Chris D]

In light_slider.less find:

opacity: .3;

And replace with:

opacity: 1;

 

[Mr Lucky]

Also in default style:

 

[Chris D]

Which browser is that?

 

[Mr Lucky]

Safari

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)

 

[Mr Lucky]

Looks like the border or shadow is not happening because that would solve my issue.

 

[Mr Lucky]

It is fine in Firefox

 

[Chris D]

Not sure what Safari is playing at there.

Leave it with us.

 

[Mr Lucky]

Thanks Chris.

 

[anfimovir]

@Chris D forgot change status after topic move

 

[Mike]

I think it was just accidentally moved to resolved.

 

[Chris D]

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