Trick # 373 | Dieser Beitrag beinhaltet 370 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
OK: die drei Balken, aus denen das so genannte «Hamburger-Menü» besteht, sind schon eine Weile bekannt. Dennoch haben Sie die Möglichkeit, mitzuteilen, dass das Symbol ein Menü enthält, das erweitert werden kann. Wie’s geht? Ganz einfach!
Sie benötigen ein klein wenig CSS-Code, den Sie ins CSS-Stylesheet Ihrer Website einfügen. Im Backend unter Design/Customizer/Zusätzliches CSS:
.et_mobile_nav_menu:before {
content: 'Menü';
position: absolute;
right: 40px;
margin-top:5px;
color: #333;
font-size:16px;
}Das war auch schon der ganze Zauber. Aus dem Hamburger des Menü-Moduls wird nun der beschriftete Hamburger – so wie nebenan ersichtlich:
vorher:
nachher:
Werbung
Der Standard-Header des Divi-Themes lässt sich mit einem Hintergrundbild versehen. So wie im Kopf dieses Beitrags. Das geht mit ein wenig CSS-Code ganz einfach.
Das Informationstext- oder Blurb-Modul des Divi-Themes bietet von Haus aus keinen Button. Macht nichts: Ein Button lässt sich einfach nachrüsten – sogar animiert, wer’s so besser mag.
Normalerweise wird im Blog-Modul des Divi-Themes nur der Titel, das Bild und (sofern vorhanden) der Read-More-Link mit einer Verknüfung auf den vollständigen Beitrag verlinkt. Das lässt sich aber soweit ändern, dass der gesamte Teaser mit dem ...
Das Blog-Modul des Divi-Temes präsentiert die veröffentlichten Beiträge ganz hübsch. Wenn aber die Höhe der Teaser – wegen sehr unterschiedlichen Umfängen – stark differiert, kann das unschön aussehen. Doch die Beitragshöhen in der ...
Keine Inhalte gefunden.
Werbung
