Thema: Ja_Purity Menü Links - Aktuelle Seite (Textfarbe anpassen) ?

Hi

kannst du hier aendern rot markiertes anpassen
/templates/ja_purity/css/menu.css zeile 15

#ja-container2 ul.menu li a {
color: #333333;
text-decoration: none;

gruss ronny

EDIT: glaube ich habe dich missverstanden, weiss selbst nach 3mal lesen immer noch nicht was du meinst

Wenn ich das richtig verstanden habe, geht es um die Farbe des aktiven Links im linken Menü. Die kannst Du in der menu.css Zeile 37 ändern:

Code:

#ja-container2 ul.menu li.active a {
    color: #7BA566;
    font-weight: bold;
    text-decoration: none;
}

Und in Zeile 44 auch die des Bullets vor dem Text, indem Du das vorhandene .gif farblich anpasst oder ein anderes wählst.

Code:

#ja-container2 ul.menu li.active a span {
    background: url("../images/bullet3.gif") no-repeat scroll 5px 5px transparent;
}

Um nicht einen neuen Thread eröffnen zu müssen antworte ich hier. Ich habe nämlich fast dassselbe Problem, nur dass den aktiven Link im Menü auf der linken Seite nicht fett haben will, sondern rot.
Ich habe schon etwas am CSS file menu.css rumgespielt und ausprobiert wo ich das ändern kann. Es erscheint mir logisch die Zeilen zu ändern die black156 oben beschrieben hat, darauf bin ich selbst auch schon gekommen. Nur - bei mir tut sich dann rein gar nichts auf der Webseite, ausser der hover Effekt...
Ich habe auch etwas mit dem "!important" Befehl probiert, aber dann färbt es alle Menüpunkte rot ein, nicht nur den aktiven.

Mein menu.css sieht aktuell so aus:

Code:

/* Default Joomla! Menu */
#ja-container2 ul.menu {
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
	background: url(../images/hdot2.gif) repeat-x top;
}

#ja-container2 ul.menu li {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

#ja-container2 ul.menu li a {
	padding: 2px 0;
	display: block;
	color: #333333;
	background: url(../images/hdot2.gif) repeat-x bottom;
	text-decoration: none;
	outline: none;
}

#ja-container2 ul.menu li a span {
	padding-left: 16px;
	background: url(../images/bullet.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li a:hover,
#ja-container2 ul.menu li a:active,
#ja-container2 ul.menu li a:focus {
	color: #FF0307;
	font-weight: bold;
	background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
	text-decoration: none;
}

#ja-container2 ul.menu li.active a span {
	background: url(../images/bullet3.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li li a span {
	background: #DDDDDD;
}

#ja-container2 ul.menu li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ja-container2 ul.menu li li {
	padding: 0 0 0 15px !important;
	list-style: none;
}

#ja-container2 ul.menu li li a {
	color: #333333;
	background: none !important;
	font-size: 92%;
	font-weight: normal;
}

#ja-container2 ul.menu li li a:hover,
#ja-container2 ul.menu li li a:active,
#ja-container2 ul.menu li li a:focus {
	color: #FF0307 !important;
}

#ja-container2 ul.menu li li a span {
	background: url(../images/bullet.gif) no-repeat 5px;
	font-weight: normal;
}

Ich bin froh um jegliche Hinweise, denn dieser kleine Design Fehler treibt mich noch in den Wahnsinn.
Als Referenz wie die Webseite (stand 13.11.2011) gemeint ist: http://www.m-enterprise-testcenter.ch

Vielen Dank und Grüsse
whisky1