Menüleiste bearbeiten bzw. Farbe ändern

  • Hallo!

    Ich wollte auf meinem Blog http://www.modewunsch.de die Menüleiste etwas schlichter gestalten und die Schrift in schwarz haben und das was jetzt schwarz ist weiß machen. Außerdem will ich dieses Suche-Feld entfernen.

    In meinem Editor finde ich aber nicht, wo ich die Farben ändern kann. Auch das "untersuchen vom Element" hat mir da nicht wirklich weitergeholfen. Ich bin aber auch ein Neuling in Sachen Design, wobei ich bis jetzt alles gut hingekriegt habe.
    Kann mir da jemand helfen? Oder weiß jmd. zufällig wie ich so einen header wie bei kleidermaedchen.de hinbekomme?

    Liebste Grüße

    & Danke für eure Hilfe!!

    • 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

  • ich hab mal schnell über das Browser-Developer-Tool die Classen ausgelesen. Solche Angaben ganz unten in deiner style.css sollten demnach quick&dirty helfen:

    .nav { background-color: white; }
    .nav a { color: black; }
    .header-form { display: none; }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Super vielen Dank! :)
    Nun sind aber noch die Enden des Menüs vorhanden & das sieht ja nicht ganz so optimal aus :D
    Weißt du wie ich die noch entfernt bekomme?

  • klar :lol:

    .nav:before, .nav:after { border: none; }

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • ok nochmals danke, Allerdings gibt es jetzt 'nen kleines Problem, wenn man mit der maus auf "über" fährt. Die unterpunkte sind dann nur sichtbar wenn die Maus drüber fährt und dass der hintergrund dann schwarz rausfährt ist dann ja auch nicht so toll.

    Tut mir leid für die ganzen Fragen & 1000 Danke !!

  • und weiter geht's:

    .nav a:hover {color:black;}
    .nav ul ul {background:white;}

    Wenn du weitere Änderungen an deinem Theme wünschst, solltest du dich mal ein bisschen in CSS einlesen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Ja, das muss ich unbedingt machen. *SHAME ON ME* dafür dass ich das noch nicht gemacht habe. Sobald ich mit meiner Seminarfacharbeit durch bin, werde ich mir das beibringen :).

    & für diesen Strich, der in der menüleiste erscheint, gibt es keine Lösung, oder?

    Nochmals VIIELEN DANK!!!

  • der Strich markiert den aktiven Link, den würd ich nicht weg machen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • ich schon :D


    dann tu das :-P

    Wie könnnte man den denn entfernen?

    Code
    .nav .current-menu-item > a, .nav .current-menu-ancestor > a, .nav .current_page_item > a, .nav .current_page_ancestor > a, .nav a:hover {text-decoration: none;}

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

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