Farbe der Navigatiionsleiste ändern

mamasthaikitchen

Hi ihr lieben,

ich brauche dringend eure hilfe, da ich komplette wordpress anfängerin bin :?

Ich möchte gerne die Farbe meiner Navigationsleiste ändern weiß aber nicht wo. Hier der Link zu meinem Blog: http://www.mamas-thai-kitchen.de

Weiß jemand wo ich das einstellen kann?

Lg, bina

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

formateins

Füge am Ende der style.css des Themes

Code

#nav {
border-top: solid 1px #333;
background: #444;
border-bottom: solid 1px #333;
}


.menu ul li {
background: #393939;
border-right: solid 1px #333;
}




.menu ul a, .menu ul a:visited {
color: #ccc;
}

Alles anzeigen

hinzu. Damit wird die Hintergrundfarbe und der Rand der Leiste verändert. Obendrauf natürlich noch die Links selber. Farben nur als Beispiel. ;)

mamasthaikitchen

Hallo,

vielen Dank für die schnelle Antwort, habe es grade versucht aber es ändert sich leider garnix :(

Das ist der Code der am Ende des Vortes Stylesheeds drinnen steht:

/** Menu Indicator */
.menu ul .sf-sub-indicator {
display: inline-block;
width: 7px;
height: 12px;
margin: 0 0 0 8px;
text-indent: -9999px;
background: url(images/menu-indicator-down.png) no-repeat;
/*border: solid 1px red;*/
}

.menu ul ul .sf-sub-indicator {
position: absolute;
width: 7px;
height: 15px;
top: 8px;
right: 15px;
text-indent: -9999px;
background: url(images/menu-indicator-right.png) no-repeat;
/*border: solid 1px red;*/
}

Kann es sein das man die Farbe garnicht ändern kann?

Lg

gericoach

F1 hat doch "#nav" ff. geposted. Hast noch nicht umgesetzt, solltest Du aber, dafür hat er sich die Arbeit gemacht.
Bei Dir steht immer noch:

Zitat

#nav {
background-attachment: scroll;
background-clip: border-box;
background-color: #F5F5F5;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: #E7E7E7;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-color: #E7E7E7;
border-top-style: solid;
border-top-width: 1px;
width: 100%;

Alles anzeigen

Hier kannst du auch die Border oben/unten entfernen.

mamasthaikitchen

Doch ich hatte es schon eingefügt ganz am Ende des Sytlesheeds aber es hat sich nicht geändert :(

Zitat

/** Menu Indicator */
.menu ul .sf-sub-indicator {
display: inline-block;
width: 7px;
height: 12px;
margin: 0 0 0 8px;
text-indent: -9999px;
background: url(images/menu-indicator-down.png) no-repeat;
/*border: solid 1px red;*/
}
.menu ul ul .sf-sub-indicator {
position: absolute;
width: 7px;
height: 15px;
top: 8px;
right: 15px;
text-indent: -9999px;
background: url(images/menu-indicator-right.png) no-repeat;
/*border: solid 1px red;*/
}
#nav {
border-top: solid 1px #333;
background: #444;
border-bottom: solid 1px #333;
}
.menu ul li {
background: #393939;
border-right: solid 1px #333;
}

.menu ul a, .menu ul a:visited {
color: #ccc;
}

Alles anzeigen

Ich kenn mich leider garnicht aus mit css usw...
oder habe ich das falsch eingefügt?

formateins

Passt. Schaut doch auch so aus. Browser Cache mal leeren? ;)

mamasthaikitchen

ahhh vielen dank hat beim mir etwas gedauert bis es funktioniert hat.

Dann experimentiere ich mal :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farbe der Navigatiionsleiste ändern

Jetzt mitmachen!