Farbe ändern Navigation

  • Guten Tag!

    Ich hab für heute eine weitere Frage.

    Ich benutze das Theme First. Die Navigations-Bar ist bei mir schwarz, würde Sie aber gerne weiß bzw. transparent haben. Ich habe mich auch schon mit dem style sheet auseinandergesetzt und den Farb code herausgesucht. Doch wenn ich den code einsetze, ändert sich rein gar nichts. Naheliegend ist natürlich das ich es an die falsche Stelle setze!

    Könnte mir da jemand helfen?

    Ganz liebe Grüße

    • Anzeige

    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

  • Wenn Du uns den Link zu deinem Blog hier posten kannst, dann können wir mal in den Quellcode schauen und Dir sagen, was du ändern solltest. Außerdem wäre es für uns noch hilfreich, wenn Du auch das postet, was Du schon ausprobiert hast.

    Carpe diem

  • Also das ist der Link: bewegtarchiv.de

    Ich dachte man könnte dort die Farbe ändern:


    /* Navigation Bar */
    .site-bar,
    .main-navigation ul ul {
    background-color: #eee;
    }

    das was ich probiert habe, habe ich auch gleich wieder zurück verändert. Ich habe es mit dem Code probiert #fffff

    Vielen lieben Dank!

  • Links kann man hier klickbar machen, indem man die Button oben im Editor nutzt.

    Code
    .site-bar, .main-navigation ul ul {
        background-color: #020202;
    }

    Da sollte man schon die Farbe ändern können, natürlich funktioniert das nicht, wenn du diese Anweisung zweimal reinschreibst, nur einmal mit deiner Farbe ;-)

    Du hast zweimal die selbe Anweisung, nur mit verschiedenen Farben drin.

    Code
    /* Navigation Bar */
    .site-bar,
    .main-navigation ul ul {
    	background-color: #eee;
    }

    Einmal editiert, zuletzt von SuMu (12. Mai 2015 um 13:06)

  • Danke für den Tipp mit dem Link!

    Also ich habe jetzt den Code wie folgt eingegeben:

    /* Navigation Bar */
    .site-bar, .main-navigation ul ul {
    background-color: #FFFFFF;
    }

    Leider verändert sich nichts.
    Bin wie gesagt noch sehr neu mit Codes, ich denke ich übersehe da irgendetwas. Oder muss ich eventuell ein wenig warten bis die Änderungen auf meiner Website übernommen werden?

    Ganz liebe Grüße!

  • Du änderst nur den Code, du packst ihn nicht zweimal rein ;-)
    Du hast jetzt wieder oder immer noch - zweimal den selben Code mit unterschiedlichen Farbangaben drin.

  • Die Änderung wird sofort erfolgen und angezeigt werden.

    Blöde Frage, wie bzw. wo hast Du den Code eingegeben? Übers Admin-Menü / Designs / Editor, oder hast Du Dir die Datei via FTP auf den PC geladen, dort geändert und anschließend wieder hochgeladen?

    PS: Ok, SuMu war fixer und Sie wird die richtige Vermutung haben :razz:

  • Dennoch hat Childog richtig darauf hingewiesen - wo hast du den Code eingegeben ;-)
    Er ist in der CSS und inline.

    Tipp - bei jedem Theme update, ist deine Formatierung wieder weg. Du solltest dir unbedingt ein Child-Theme anlegen.

    Einmal editiert, zuletzt von SuMu (12. Mai 2015 um 13:52)

  • Ich hab die Änderung direkt übers Admin-Menü beim Editor eingegeben.

    Blöde Frage an der Seite, wo genau in dem Code ist die Angabe doppelt? Welches von den Angaben, welches doppelt ist muss ich entfernen?

    Danke für eure Geduld!

  • Ich hab die Änderung direkt übers Admin-Menü beim Editor eingegeben.

    Ok. Du hast also den Code eingegeben, anschließend auf "Datei aktualisieren" geklickt, stimmts? Wurde dann oben "[COLOR=#444444][FONT=Open Sans]Die Datei wurde erfolgreich bearbeitet." eingeblendet? Oder vielleicht kam dort ein Hinweis, dass die Datei nicht aktualisiert werden konnte, da man erst die Schreibrechte ändern muss?[/FONT][/COLOR]

  • Nein, leider nicht. Habe aber gerade gesehen das bei Anpassung mein Navigation-Bar weiß machen kann. Hat mich natürlich sehr gefreut, nun ist aber leider die Schrift auch weiß, was natürlich bedeutet, dass meine Seitentitel nicht mehr sichtbar sind.

    Oh man das ist ein ewiger Kreislauf :D

  • Ihr Lieben,

    ich danke euch vielmals für eure Unterstützung. Ich habe das ganze jetzt bin einem Plugin gelöst und bin äußerst glücklich über diesen kleinen aber feinen Erfolg!

    Ganz liebe Grüße,
    Remageir

  • Hey Remageir,

    hast du mal versucht in deinem browser das Element zu untersuchen. In Chrome kannst du mit Rechtsklick > Element Untersuchen die HTML Struktur inspizieren und auch schauen, welche CSS Files genommen werden. Auch wenn sich die Farbe nicht ändert, müssten dann hier deine Änderungen auftauchen. Diese sind dann aber möglicherweiße durchgestrichen und werden daher nicht übernommen. Dies kann zum Beispiel an der Reihenfolge liegen, in der die CSS Files in die Seite eingebunden werden.
    Eine schnelle einfach, aber nicht ganz sauber Option wäre einfach die "!important" Flag zu setzen. Dann wird der Style auf jeden Fall genommen.

    CSS
    [COLOR=#333333]/* Navigation Bar */[/COLOR]
    [COLOR=#333333].site-bar, .main-navigation ul ul {[/COLOR]
    [COLOR=#333333]background-color: #FFFFFF !important;[/COLOR]
    [COLOR=#333333]}[/COLOR]

    Beste Grüße!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!