Wie ändere ich Die Farbe auf Meiner Navigationsleiste (CSS)

Dies treibt mich Nüsse. Ich habe versucht, alle Vorschläge in die weitere Fragen zu diesen und es funktioniert einfach NICHT.

Brauche ich zum ändern der Hintergrundfarbe meiner Navigationsleiste. Ich will nicht zu ändern, die CSS-Datei in der Editor-Sektion (WordPress). Ich habe versucht, es zu erhalten getan in den Edit-CSS-Abschnitt. 

#nav {
    position: relative;
    left: -90px;
}

nav > ul {margin: 40}

Dies ist, was ich habe, so weit (die gearbeitet hat, ist es zentriert die nav-bar, die ich wollte, und legte einen Abstand zwischen header und Navigationsleiste). Ist es etwas, was ich hinzufügen können, um diese zu ändern Sie die Farbe der hintergrund (und dann werde ich brauchen, ändern Sie die Farbe der schriftart zu..)

InformationsquelleAutor Sarah | 2013-09-25
  1. 0

    Ähm, meinst du so?

    CSS:

    #nav {
    position: relative;
    left: -90px;
    background-color: #7777777; /*Whatever color you want goes here, but in Hexadecimal form*/
}

    Und für die schriftart, Farbe(N):

    #nav {
    position: relative;
    left: -90px;
    background-color: #7777777; /*Whatever color you want goes here, but in Hexadecimal form*/
    color: #1122cc; /*The color of your font also goes here, but in hexadecimal form*/
}

    Finden Sie unter diesen links für weitere Referenz:

    http://www.w3schools.com/cssref/pr_background-color.asp
    http://www.w3schools.com/cssref/pr_text_color.asp

    FARBEN:

    http://www.w3schools.com/cssref/css_colors.asp
    http://www.w3schools.com/cssref/css_colornames.asp

    InformationsquelleAutor jrd1
  2. 0

    Für dieses HTML - (ich habe dupliziert, jeder nav-Element für die Darstellung der "active" - Klasse Hinzugefügt)

    <nav>
  <ul>
    <li class="blue"><a href="#">Normal</a></li>
    <li class="green"><a href="#">Normal</a></li>
    <li class="red"><a href="#">Normal</a></li>
    <li class="blue active"><a href="#">Active</a></li>
    <li class="green active"><a href="#">Active</a></li>
    <li class="red active"><a href="#">Active</a></li>
  </ul>
</nav>

    Ich würde dieses CSS (Hinweis: die CSS-Klassen miteinander verkettet, wie zB: .blau.aktiv)

    InformationsquelleAutor Jennifer Gahagan
  3. 0

    Hier ist ein Weg, der Sie die Farbe ändern. Sie können auch Bilder oder css verwenden Sie Verläufe.

    #nav {
    position: relative;
    left: -90px;
background-color: #336699; //change #000088 (blue) for the color your want
color: #FFFFFF; //change #FFFFFF (white) for the color you want.

}

    Können Sie eine Farbauswahl, um die Farbe, die Sie wollen.

    InformationsquelleAutor Ricardo Nuñez
Schreibe einen Kommentar