1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

WP <5.0 Einen Menuepunkt mit anderer Farbe darstellen

Dieses Thema im Forum "Design" wurde erstellt von Nobissoft, 10. September 2018.

  1. Nobissoft

    Nobissoft Well-Known Member

    Registriert seit:
    12. Dezember 2015
    Beiträge:
    226
    Zustimmungen:
    14
    Hey, mal eine Frage, kann ich einen Menuepunkt mit einer anderen Farbe darstellen? Als Beispiel habe ich ein Bild angehängt, nur den Menuepunkt "Kaufabwicklung" möchte ich rot darstellen. Theme ist MH Magazin lite.
    Ist das möglich und wie setze ich das um? Danke für Tipps.

    wpfragemenue.jpg
     
  2. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Jedes Menü-Item wird als li-Element mit einer eigenen ID ausgegeben. Diese kannst du per CSS ansprechen. Schau einfach mal mittels F12, welche ID vergeben wird.

    Wenn es generell immer der letzte Menüpunkt sein soll, könntest du auch die pseudo-Klasse ::last-child nutzen.
     
  3. Nobissoft

    Nobissoft Well-Known Member

    Registriert seit:
    12. Dezember 2015
    Beiträge:
    226
    Zustimmungen:
    14
    Hallo, danke für deine Antwort. Ich habe das mit F12 getestet und habe auch den Menuepunkt gefunden siehe Bild

    mcmenuepunktrot.jpg
    und hier der Code dazu

    mcmenuepunktcode.jpg

    Was muss ich nun in der CSS Benutzer eintragen? Habe das ausprobiert funktioniert allerdings nicht. Danke für deine Hilfe.
     
  4. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    du siehst doch da die css id oder die entsprechenden classen.
    #menu-item-317133
     
  5. Nobissoft

    Nobissoft Well-Known Member

    Registriert seit:
    12. Dezember 2015
    Beiträge:
    226
    Zustimmungen:
    14
    Ok und wie heisst jetzt der Code für die CSS?
     
  6. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    was willst du denn ändern?
    background-color{} ?
     
  7. Nobissoft

    Nobissoft Well-Known Member

    Registriert seit:
    12. Dezember 2015
    Beiträge:
    226
    Zustimmungen:
    14
    Ja genau Backgroud-Color für dieses Menu Element wie oben beschrieben.
     
  8. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    @maxe hat dir doch jetzt schon fast alles vorgekaut. Ein bisschen Eigeninitiative bitte.
     
  9. Nobissoft

    Nobissoft Well-Known Member

    Registriert seit:
    12. Dezember 2015
    Beiträge:
    226
    Zustimmungen:
    14
    Was soll den dieser dumme arrogante Spruch! Ich dachte man bekommt hier Hilfe! Danke das wars dann hier, arrogante Idioten!
     
  10. FloRet

    FloRet Well-Known Member

    Registriert seit:
    20. September 2016
    Beiträge:
    1.197
    Zustimmungen:
    91
    @Nobissoft Nicht arrogant, dennoch hat SirEctor recht - denn Du hättest Die Beiträge nur kombinieren müssen, und hättest den korrekten Code gehabt.

    Und ein wenig selbst probieren schadet nicht - ergibt einen Lernfaktor für zukünftige Sachen!

    Wie ich sehe hast Du bereits die Inkompatibilität lösen können!

    LG
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden