Menüpunkt farbig hinterlegen

totally_mee

Hi,

ich möchte für mein Hauptmenü mit 6 sichtbaren Punkten einen bestimmten Punkt (LOGIN) farbig hinterlegen, damit er in der Leiste mehr auffällt. Welche Möglichkeiten habe ich da? Plug-Ins habe ich keine gefunden, die das können. Leider kenne ich mich in CSS eher schlecht bis gar nicht aus, weshalb ich da dringend eure Hilfe bräuchte ... Geht das überhautpt? Habe schon Stunden mit googlen verbracht, aber ich habe diese Problemstellung (geschweige denn die Lösung) irgendwo gefunden ...

Ich freue mich total, wenn es hierfür eine Lösung gibt.

VG

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

SEpp55

Wenn du

Zitat

schon Stunden mit googlen verbracht

hast, hast du vielleicht auch das naheliegenste gesehen, eine CSS-Lösung. Das sind wenige Zeilen Code!
[size=14]WP Bistro - Menüpunkte in der Navigation farblich hervorheben[/SIZE]
Wenn du damit nicht zurecht kommst, ergänzt du deine Angaben lt. Forenregeln Punkt II, damit man weiß, welches Theme, Plugins usw. du verwendest.
Am schnellsten hilft zumeist ein Link zu deiner Baustelle ;)

totally_mee

Hallo SEpp55,

ja, den Link hab ich heute morgen auch schon durchgeschaut, aber da wird lediglich der Text selbst anders farbig markiert. Ich bräuchte eine Lösung, bei der der Menüpunkt durch eine Farbe komplett hinterlegt wird, also quasi wie so ein Balken dahinter... Aber eben nur bei diesem einen Punkt.

Facts:
- WordPress-Version
- Theme: Twenty Twenty-One (Twentig)
- Plug-Ins: iThemes Security, Meta Slider, Twentig
- Domain: Gibt es noch nicht, weil es noch nicht live ist bzw. im Maintenance Mode

totally_mee

... ah, und CSS wäre bestimmt auch ne Lösung, aber davon habe ich kaum Kenntnis ...

SEpp55

Zitat von totally_mee

aber da wird lediglich der Text selbst anders farbig markiert.

Das stimmt so nicht!

Zu sehen -
bei 1:00 wird für Menüs das Feld für CSS-Klassen eingeblendet, die anschließend vergeben wird - [FONT=Courier New]color1[/FONT]
bei 1:53 wird Zusätzliches CSS geöffnet, die angelegte Klasse eingegeben und die Schrift wird rot gefärbt - hier mit [FONT=Courier New]!important[/FONT].
bei 3:30 wird die Eingabe mit [FONT=Courier New]background: blue;[/FONT] ergänzt, und
bei 3:45 sieht man das Ergebnis - Hintergrund blau! (ist bei der blau-lastigen Färbung vielleicht suboptimal ;)

Zum ansehen, über CSS in WordPress - LINK

Zum testen, mit meiner class Bezeichnung für Zusätzliches CSS (bedingt, die Klassen Eingabe beim Menü [FONT=Courier New]my-color1[/FONT] wie bei 1:00

CSS

.my-color1 a {
    color: #f00 !important;
    background-color: #ff0;
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 5px 5px 10px #7d7d7d;
}

....... und CSS ist erlernbar :rolleyes::p:)

totally_mee

Hi SEpp55,

oh wow, super! Es hat geklappt. Tausend Dank :) Das Thema hat mich schon so viele Stunden gekostet. Vielen vielen Dank, für den Code-Vorschlag, ich finde CSS mega spannend, aber es fehlt mir leider die Zeit um mich damit vernünftig zu beschäftigen - aber jetzt hab ich wieder Blut geleckt ;) Bin jetzt total happy!!!

VG

SEpp55

Freut mich -:D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Menüpunkt farbig hinterlegen

Jetzt mitmachen!