Linie unter aktivem Menüpunkt hinzufügen mit Divi

von | 22.12.2017 | 3 Kommentare

Vielleicht ist dir bereits aufgefallen, dass bei manchen Webseiten eine Linie unterhalb eines aktiven Menüpunktes erscheint. Dies ist nicht nur ein Design-Feature, es trägt auch der Nutzerfreundlichkeit einer Seite bei. In diesem Tutorial will ich dir zeigen, wie genau dieser Effekt mit ein paar Zeilen CSS in deine Divi Webseite integrieren kannst.

Video Tutorial

Du musst dir das Video nicht ansehen, wenn du nicht möchtest. Alle Informationen findest du auch in diesem Beitrag.

Los geht’s

Um eine Linie unter einem aktiven Menüpunkt hinzuzufügen, kannst du folgenden Code in das Feld zusätzliches CSS oder in das Stylesheet deines Child Themes einfügen:

Du kannst die Farbe und Stärke der Linie auf das Design deiner Webseite abstimmen. Die dafür zuständige Zeile habe ich im Code markiert. Mach dir keine Gedanken, dass du etwas „kaputt“ machen kannst, wenn du in den Code eingreifst. Bei CSS-Befehlen kann nichts Großartiges passieren.
Um den passenden Farbcode zu finden, empfehle ich dir eine entsprechende Farbtabelle verwenden.

Webdesign-Osnabrueck

Wenn dir der Artikel gefallen hat, dann freuen wir uns über ein Follow auf Twitter und Facebook. Mehr WordPress und Divi Video Tutorials findest du auf unserem YouTube Channel.

Noch Fragen?

Verbesserungsvorschläge oder Anregungen für weitere Artikel? Dann nutz' die Kommentarfunktion unter diesem Beitrag!

Wir können das Tutorial auch für dich durchführen. Stell hierfür eine Anfrage bei Swish!

Das könnte dich auch interessieren

Anzeige Divi Theme kaufen
Aktuelle Beiträge

3 Kommentare

  1. wplo

    Hey Markus,

    da ist wohl etwas mit der Formatierung schief gelaufen. Ich habe das Problem behoben und jetzt sollte es wieder gehen.

    Viele Grüße
    Daniel

    Antworten
    • Markus

      Hey Daniel,

      jetzt funktioniert es! Danke dir – auch für die super Tutorials!

      Viele Grüße,
      Markus

      Antworten
  2. Markus

    Hi Team,
    leider gibt es beim Einfügen des Codes eine Fehlermeldung. Divi beschwert sich über die beiden Strichpunkte (;). Wie bringe ich dieses klasse Feature zum Laufen?
    Danke und Gruß, Markus

    Antworten

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.