Startseite / Projekte / Im Hauptmenü Dropdown einen Tooltip Marker einfügen

Im Hauptmenü Dropdown einen Tooltip Marker einfügen

Fügt dem Dropdown-Menü am oberen linken Rand einen kleinen dreieckigen Marker hinzu, der auf den übergeordneten Link im Hauptmenü zeigt.

/* Im Hauptmenü Dropdown einen Tooltip Marker einfügen */
.sub-menu:before {
   content: "";
   background: #fff;
   width: 10px; height: 10px;
   margin-top:-5px;
   position: absolute;
   top:0px; left: 20px;
   transform: rotate(45deg);
}

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