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;
}