Can't see lightbox nav arrows when on white images

[chilihead]

Can you add shadow, stroke, something to the nav arrows?

Would someone be kind enough to offer the css change? Thanks!

[chilihead]

Is there any way we can modify this in css?

[Jed Rosenzweig]

Text shadow would do it.

.class-name {
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

That'll create a black 'glow' from under the white text (since it is a web font). the 5px is the amount of blur if you want to play around with that. The 1 in the rgba code is opacity. 0.5 would be 50% opaque.

[chilihead]

I'll mess with it thanks a lot.

[Nathan Explosion]

The arrows are font-awesome icons, so look at http://fortawesome.github.io/Font-Awesome/icons/ to see the icons available.

Using the gallery specifically, the selectors for the left/right icons are:

#elGalleryImageNav_next > i.fa-angle-left:before{
	
}

#elGalleryImageNav_next > i.fa-angle-right:before{
	
}

Not sure if you can add anything much to them using css, but if you want to change them to a different icon then the following would change them to the arrow-left and arrow-right equivalents (again, see that link above)

#elGalleryImageNav_next > i.fa-angle-left:before{
	content: "\f060";
}

#elGalleryImageNav_next > i.fa-angle-right:before{
	content: "\f061";
}

 

[chilihead]

Great info, thanks!