Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

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


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 21, 2013, 11:32 AM
New WordPress Fan
 
137 posts · Jul 2010
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!
  #2  
Old Feb 21, 2013, 12:57 PM
juggledad's Avatar
juggledad
 
22,322 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
What is the URL?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Feb 21, 2013, 02:12 PM
New WordPress Fan
 
137 posts · Jul 2010
Hi Juggledad,

Thank you for responding. I just sent you a private message with the URL of the page in issue.

Many thanks!
  #4  
Old Feb 21, 2013, 04:50 PM
lmilesw's Avatar
lmilesw
 
10,108 posts · Jul 2009
Central New York State USA
I'm not sure about the screen setting but something like this should work
HTML Code:
#slideshow-2 .widget {
background: gradient code;
}
Your slideshow number will probably be different but if you want to affect other areas you can just use Firebug to see what selectors you need to target.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Feb 21, 2013, 08:22 PM
juggledad's Avatar
juggledad
 
22,322 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
the background is being set in the plugin in this script put out by the plugin. You'll need to talk to the plugin author about this.

HTML Code:
<script type="text/javascript" defer="defer">
<!--
//<![CDATA[
var sbsl1_1 = {
	params : {
		wmode : "opaque",
		bgcolor : "#111111"},
	flashvars : {
		file : "http%3A%2F%2Fyourdomain.com%2Findex.php%3Fcallback%3Dimagerotator%26gid%3D1",
		shownavigation : "false",
		showicons : "false",
		rotatetime : "4",
		backcolor : "0x000000",
		frontcolor : "0xFFFFFF",
		lightcolor : "0xCC0000",
		screencolor : "0x111111",
		width : "460",
		height : "450"},
	attr : {
		styleclass : "slideshow-widget"},
	start : function() {
		swfobject.embedSWF("http://yourdomain.com/wp-content/uploads/imagerotator.swf", "sbsl1_1", "460", "450", "7.0.0", false, this.flashvars, this.params , this.attr );
	}
}
sbsl1_1.start();
//]]>
-->
</script>
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Feb 21, 2013, 09:49 PM
New WordPress Fan
 
137 posts · Jul 2010
Thanks to both of you, Juggledad and lmilesw.

Yes, I will try to contact the plugin author, as you suggest, Juggledad.
The CSS selector you suggested, lmilesw, does not work to change the "screen color" -- just as the several versions I had tried do not work.


Many thanks.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Set a color for an "active" or "current" link in a sidebar widget. artaud Sidebars & Widgets 8 Oct 11, 2011 05:57 AM
How to put Gradient Color, instead of solid color, in horizontal Page/Catgry Menu Bar rhythm Header configuration & styling 4 May 17, 2010 01:15 PM
[SOLVED] Custom color selector results in shades of grey bplazar Page & Category Menu Bars 6 Oct 28, 2009 12:30 PM
Right Sidebar hogs meta widget and NextGEN slideshow widget softroy Sidebars & Widgets 3 Jun 13, 2009 03:20 AM


All times are GMT -6. The time now is 03:31 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.