Hi - I'm loving the new Tiger skin. Still setting up my galleries and have used a CSS gradient background for the pages but can't find a way of using the same CSS for the Lightbox background too. I can change the colour in the settings but can't find a way of it using the same CSS as the pages.
For starters, you should drop the -moz-radial-gradient and -webkit-radial-gradient. These are aimed at obsolete versions of Firefox, Chrome, and Safari, and since those browsers are all updated automatically, the chances of a site visitor using one of the obsolete versions is almost nil. And if someone is stubbornly sticking to an ancient version, that's his problem, not yours.
You can also dump the filter: progid. That's aimed at IE9 and below, but the skin itself doesn't support those browsers, so it's serving no purpose.
To target the lightbox background, point your CSS at:
But be aware that there may also be a semi-transparent background texture PNG being used, in addition to the color, and specifying just background will override that.
Not sure why you'd bother with this, however, since properly sized images will occupy most of the viewport. The lightbox background is mostly hidden.
Hi - Thanks for the very quick reply. I'm fairly new to this so thanks for the advice on my existing CSS. I have indeed now deleted as suggested.
I've also managed to get the Lightbox to match the site now which is great - you're right, you don't see that much of it around the images but it just helps it feel like it matches as the transition between the pages and the lightbox is now seemless.