Trick # 308 | Dieser Beitrag beinhaltet 278 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Das Submenü im Divi-Theme lässt sich in den Design-Optionen des Menü-Moduls zwar stylen – so richtig anpassen können Sie die Submenüs aber bloss mit CSS. Die dafür nötigen Klassen haben wir in einem Bausatz zusammengestellt. Möge er Ihnen das Leben beim Webdesign erleichtern.
Kopieren Sie den folgenden Code und fügen Sie ihn in das CSS-Stylesheet Ihrer Website ein. Das funktioniert ganz einfach: Im Backend unter Design/Customizer/Zusätzliches CSS:
/* Gesamtes Submenu stylen */
.et_pb_menu li ul {
/* Hier folgt Ihr CSS-Code */
}
/* Submenu-Auswahlcontainer stylen */
.et_pb_menu li li {
/* Hier folgt Ihr CSS-Code */
}
/* Submenu-Auswahlcontainer beim hovern stylen */
.et_pb_menu li li:hover {
/* Hier folgt Ihr CSS-Code */
}
/* Submenu-Links stylen */
.et_pb_menu li li a {
/* Hier folgt Ihr CSS-Code */
}
/* Submenu-Links beim hovern stylen */
.et_pb_menu li li a:hover {
/* Hier folgt Ihr CSS-Code */
}Fügen Sie anstelle der Platzhalter Ihren eigenen CSS-Code ein und schon können Sie die Submenüs umfassend und passend zu Ihrer Website stylen.
Werbung
Standardmässig legt das Divi-Theme beim Menu für die Mobilansicht links und rechts noch einen Rand fest. Besonders bei längeren Wörtern in der Navigation kann das in der schmalen Mobilansicht suboptimal sein. Mit wenig CSS-Code lässt sich die ...
Der Visual Builder des Divi-Themes bietet am Seitenfuss mehrere Buttons an, welche auf die gesamte Darstellungsbreite verteilt werden. Wer die Buttons lieber zusammen gruppieren möchte, kann diese auch auf einfache Weise links darstellen ...
Mit dem Menu-Modul des Divi-Themes lassen sich auch Submenüs darstellen - es gibt aber keine Option, solche Submenüs auch ständig anzuzeigen, wenn die übergeordnete Seite aktiv ist. Mit ein wenig CSS-Code lässt sich aber dies beheben.
Besonders in journalistischen Webtexten sind sie hin und wieder anzutreffen: Die Initialen - auch Drop Caps genannt - welche der angezeigten Seite einen Schimmer von Print einhauchen. Solche Initialen können Sie ganz einfach selber erstellen ...
Keine Inhalte gefunden.
Werbung
