NextGEN Slideshow Widget - What CSS Selector to set "Screen Color to a gradient color

New WordPress Fan · #1 Feb 21, 2013, 10:32 AM

What CSS Selector can be used to set the "Screen Color" of the NexGen Gallery plugin Slideshow Widget?

At the settings for Gallery > Options > Slideshow, it provides a place to set the background color, "Screen Color," and other options. This works to change the "Screen Color", however, it only provides a small blank for a solid color code, and does not accept gradient code in that small blank.

I want to set the "Screen Color" to a gradient color -- to match the gradient color I have set for the background of the widget area in which this widget will display, as follows:

Code:

background: #000000;
background: -moz-linear-gradient(top, #000000, #333333);
background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#333333));
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;

Note: the "Screen Color" shows when the slide show rotates an image that is narrower than the width of the slideshow (set in the NextGEN Slideshow Widget), which is set to the width of the widest image in the slideshow. Therefore, I want the screen color to blend into the gradient color of the widget area background.

I have tried adding the above code in every obvious place in the Style Sheet provided by the NextGen plugin, and have also tried many different CSS selectors in ATO Options > Add HTML/ CSS Inserts --- but none seems to work to style the "Screen Color" of the NextGen Slideshow widget.

Help would be much appreciated!!!

We are using Wordpress 3.5.1 with Atahualpa 3.7.10.

Many thanks!