Startseite / Projekte / Aktuellen Hauptmenü-Link unterstreichen

Aktuellen Hauptmenü-Link unterstreichen

Standardmäßig wird der Menü-Link der aktuell aufgerufenen Seite im Hauptmenü farblich hervorgehoben. Mit diesem Codeschnipsel kannst du dem aktuellen Link einen Unterstrich hinzufügen.

/* Aktuellen Hauptmenü-Link unterstreichen */
#top-menu li.current-menu-item>a:before {
   content:"";
   background: #2ACCB3; /* Hier Farbwert wie gewünscht ändern */
   width:100%; 
   height:5px; /* Hier Linienhöhe wie gewünscht ändern */
   position:absolute;
   left:0; bottom:0;
}

Einfach in den Bereich „Eigenes CSS“ in den Divi Einstellungen (oder in das Stylesheet deines Divi Child Themes) kopieren und fertig!

Endecke weitere Divi Codeschnipsel

Text vertikal in der Spalte zentrieren

Text vertikal in der Spalte zentrieren

Mit diesem Codeschnipsel kannst du Texte (oder auch andere Elemente) vertikal in der Spalte zentrieren. Das macht z.B. Sinn, wenn du links ein Bild hast und rechts davon einen Text vertikal zentriert anzeigen möchtest. Der Vorteil bei diesem Codeschnipsel gegenüber...

Chevron Divider einfügen

Chevron Divider einfügen

Mit diesem Codeschnipsel kannst du deiner Sektion als kleines optisches Detail einen Chevron-Divider hinzufügen. Der Chevron-Divider ist eine kleine Kerbe am oberen Rand einer Sektion, der den Besucher der Website visuell zur nächsten Sektion leiten soll. Insbesondere...

0 Kommentare

Einen Kommentar abschicken

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

Hey, ich bin Tobias!

Portraitfoto von Tobias Both

Ich bin selbstständiger Webdesigner und der Gründer von Divitorials.

Seit rund einem Jahr veröffentliche ich auf diesem Blog Tutorials, Tipps und Tricks rund um das beliebte Divi Theme von Elegant Themes und teile meine Erfahrungen, die ich während meiner Arbeit als selbstständiger Webdesigner mit Divi sammeln konnte.

Mehr über mich erfahren