Linkfarbe ändern

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}


a:hover {
	color: #147;
	text-decoration: underline;
	}

Einfach die Farbangaben mit beliebig anderer ersetzen.

das ist eigentlich ganz leicht erklärt. aber hilfreich wäre es wenn du dein template bzw design mit erwähnen würdest.

grund ist, es gibt verschiedene sachen bei den hoovers, block oder underlined text decoration die man alles mit den "farben" einstellen kann....und natürlich viele mehr.

zu den farben zurück. im stylesheet musst nach was ähnlichem suchen wie das hier :

a:hover {
	color: #FF5000;
	}

wenn du trotzdem probleme haben solltest schick mir eine pm, ich helf dir gern

Hi ALL,
wie hier im Thread beschrieben, klappt es bei mir nicht, warum?

habe jetzt doch mal das Kubrick default Theme umgefärbt (wordpress 1.5.2).

Leider bekomme ich auch nach der Beschreibung im Buch Seite 27, die Sidebar nicht völlig hin.

Also die Überschriften war kein Problem ( default\style.css - ca. Zeile 109+162 ). Jedoch die Links darunter (ca. Zeile 180+185) tut sich nichts.

Die Farbe, die angezeigt wird müßte #0066CC sein. Ist aber auch nicht zu finden! ( sieht fast wie ein Bug aus)

Auch die Größe scheint sich nur zusammen mit den Überschriften ändern zu lassen. Welcher Profi hier kann mir mal den ultimativen (etwas genaueren) Tipp, bitte, geben?

Gruss Ria

Vom Kubrick theme habe ich keine Ahnung.
ich kann dir nur einen generellen Tip geben zu Farben und Templategestaltung:
hol dir den Colorzilla für Firefox: http://www.erweiterungen.de/detail/141/

und gehe damit über die Bereiche, die du ändern willst. Er sollte dir in der Statusleiste unten immer die aktuelle ID und CLASS (und den Farbwert) aus der css angeben. Das klappt nicht immer, hat mir aber schon sehr geholfen Fehler und bestimmte Farben schnell zu ändern.

2.: Wenn du eine Farbe ändern willst, und dir nicht sicher bist, WO genau du die Änderung vornimmst, dann ändere sie zuerst in eine Augenkrebsfarbe, die garantiert nicht zu deiner Seite passt und dir sofort ins Auge springt ( #0F0 oder #F00 oder #00F )

ich hoffe, das kann dir etwas helfen.

Ben

:D Hi,
habe es gerade gefunden. Trotzdem besten Dank. Man muß die farbe an 2 Stellen ändern.

Gruss Ria

Hallo, ich habe eine Frage und verzweifle schon. Ich habe absolut keine Ahnung vom technischen. Aber schon soviel verstanden, dass ich, wenn ich eine Farbe ändern will, im Themeneditor die Farbe einfach ersetzen muss. Die Farbe die ich nicht mag hab ich komplett gegen eine andere ersetzt. Das habe ich ausprobiert, hat sich aber einfach garnichts geändert. Ich nutze das Theme von Wordpress Fashionistas und möchte die Farbe des Cursors ändern, wenn er auf das Menü geht oder Dinge anklickt. Was muss ich da genau ändern? Ich kopiere mal den Editorteil hier:

#main-navigation {
border: solid #333;
border-width: 1px 0 3px;
}
#main-navigation li a {
padding: 0 20px;
color: #333;
font-size: 1.2em;
line-height: 50px;
letter-spacing: 1px;
}
#main-navigation .sf-menu > ul > li:after {
width: 6px;
float: left;
margin-top: 16px;
content: "/";
display: block;
color: #e6e6e6;
font-size: 1.8em;
font-family: Arial, Helvetica, sans-serif;
}
#main-navigation .sf-menu > ul > li:last-child:after {
display: none;
}
#main-navigation li:hover ul,
#main-navigation li.sfHover ul {
top: 50px;
background: #333;
}
#main-navigation li li:hover ul,
#main-navigation li li.sfHover ul {
top: -1px;
border-left: 1px dotted #565656;
}
#main-navigation li li {
border-bottom: 1px dotted #565656;
}
#main-navigation li li a {
color: #a6a6a6;
}
#main-navigation li a:hover,
#main-navigation li.sfHover > a,
#main-navigation li.current_page_item > a,
#main-navigation li.current-menu-item > a,
#main-navigation li.current-menu-parent > a,
#main-navigation li.current-page-parent > a,
#main-navigation li.current-page-ancestor > a,
#main-navigation li.current_page_ancestor > a {
color: #d6d6d6;
}
#main-navigation li:hover li a,
#main-navigation li.sfHover li a {
padding: 10px 20px;
font-size: .75em;
line-height: normal;
}

/* Small Navigation */
.nav-open,
.nav-close {
display: none;
color: #333;
font-size: 1.2em;
font-weight: 400;
font-family: Oswald, Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
line-height: 50px;
letter-spacing: 1px;

Media only screen and (max-width: 60em) {
.nav-open {
display: inline-block;
}
#main-navigation:target > .nav-open {
display: none;
}
#main-navigation:target > .nav-close {
display: inline-block;
}
#main-navigation > .sf-menu {
position: relative;
text-align: left;
}
#main-navigation > .sf-menu > ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 0;
max-width: 16em;
overflow: hidden;
background: #333;
}
#main-navigation:target > .sf-menu > ul {
max-height: 900px;
max-width: 100%;
z-index: 901;
}
#main-navigation > .sf-menu > ul > li {
float: none;
display: block;
border-bottom: 1px dotted #565656;
}
#main-navigation > .sf-menu ul li:only-child {
border-top: 1px dotted #565656;
}
#main-navigation > .sf-menu ul li:last-child {
border-bottom: none;
}
#main-navigation > .sf-menu > ul > li:after {
display: none;
}
#main-navigation li a {
float: none;
display: block;
color: #fff;
}
#main-navigation li li:hover ul,
#main-navigation li li.sfHover ul {
border-left: none;
}
ul.sub-menu li {
float: none;
display: block;
z-index: 902;
}
.sf-menu li ul {
top: -999em;
position: static;
z-index: 900;
}
}

/* Links */
a {
color: #1fa0ae;
outline: none;
-webkit-transition: all 0.14s ease 0s;
-moz-transition: all 0.14s ease 0s;
-o-transition: all 0.14s ease 0s;
}
a:visited {
color: #1fa0ae;
}
a:hover,
a:focus,
a:active {
color: #333;
}