slideshow2 : Rahmen um Thumbnails aktiv einstellen?!

[Gassi]

Hallo ,
ich versuche momentan die Farbe des Rahmens um die Thumbnails umzufärben. Ich komme aber nicht an die korrekte CSS Klasse ran....Entweder färbt mir das css alle in eine Farbe ein - oder es passiert nichts?!

.slideshow-thumbnails a {
	display: block; float: left; outline: none; margin: 0px 0px 0 0; padding: 0px;margin-left:5px;
	border: 8px solid #fff;
}
.slideshow-thumbnails a:hover {
	background-color: #9FF !important; opacity: 1 !important;
	border: 8px solid #9FF;
}
.slideshow-thumbnails img {
	display: block; width:0px; height:0px;
}
.slideshow-thumbnails-hidden {
	background-color: #FFF; opacity:1;
	border: 8px solid #FFF;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF; opacity: 1;
	border: 8px solid #FFF;
}
.slideshow-thumbnails-active {
	background-color: #9FF; opacity: 1;
	border: 8px solid #9FF;
}

Habe schon alles versucht- das was sich logisch anhört - funktioniert leider überhaut nicht?!
Einen Tipp?
Danke und Gruss
GAssi

[Spooky]

Poste bei solchen Problemen immer einen Link zur Seite, wenn du willst, dass dir jemand schnell helfen kann.

[Gassi]

Hey,

sorry -stimmt - ist ja sogar online die Seite:

http://www.rct-power.de


Die Bulletpoints oben sollen bei aktiv einfach auch rot werden.

Danke und Gruss
Gassi

[Spooky]

Soweit ich das sehe fügt dieser Slider keinerlei CSS Klassen hinzu, mit denen du den aktiven bullet identifizieren könntest. Auch die Farben werden direkt auf das Element per JavaScript gesetzt.

[Gassi]

Hey Spooky,

genau den Gedanken hab ich auch - aber irgendwoher muss doch die Farbe kommen?!
Sehr mysteriös - hab echt schon an allen ecken nachgesehen - aber komm da nicht weiter...

Aber danke schon mal für deine Hilfe - dachte mal wieder ich bin zu blöd für
Vielleicht weiss ja sonst noch jemand wo man da ansetzen könnte..?!

Grüsse Gassi

[Spooky]

Hm, die Farbwerte werden vom CSS genommen, irgendwie, und mit MooTools dann gemorphed. Setze in deinem CSS mal

.slideshow-thumbnails-active {
    border-color:red;
} 

[Gassi]

Hey, ist drin - macht aber leider nix ....
Hab schon alle CSS Werte die im Ordner plugins/slideshow2/css/slideshow.css drin stehen abgeändert:

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: 0px; left: 0; position: absolute; width: 100%;
}
.slideshow-thumbnails * {
	margin: 0; padding: 0;
}
.slideshow-thumbnails li {
	float: left; list-style: none;
}
.slideshow-thumbnails a {
	display: block; float: left; outline: none; margin: 5px 5px 0 0; padding: 5px;
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important; opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-hidden {
	background-color: #FFF; opacity: 0;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF; opacity: .5;
}
.slideshow-thumbnails-active {
	background-color: #9FF; opacity: 1;
}

passt teilweise schon - aber eben an den Aktiv status komm ich nicht ran....

Gruss Gassi

[Spooky]

Bei .slideshow-thumbnails-active steht immer noch #9FF;

[Gassi]

Hey ja,

sorry etwas missverständlich - das war nur die CSS Datei die im plugin ordner liegt.
In meiner CSS ist die Klasse korrekt abgeändert und mit !important versehen....

Gruss Gassi