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
Das Divi-Theme bietet von Haus aus eine stattliche Zahl Spaltendarstellungen an. Damit lässt sich schon ganz gut arbeiten – in einzelnen Fällen bräuchte man aber eine andere Aufteilung. Wie Sie dies schaffen, zeigen wir Ihnen in diesem Tipp.
Zugegeben: Der heutige Hack ist eine Spielerei. Und gleich vorneweg: Er lässt sich mit beliebigen Elementen – also auch mit Texten u.ä. – bewerkstelligen. Aber am sinnvollsten (wenn sich denn überhaupt was drehen soll) sind schon Bilder. Wir ...
Vielleicht möchten Sie eine kleine Bildsammlung oder eine Reihe von Zeitschriften als virtuellen Fächer darbieten? Geht ganz einfach.
Die Standardkopfzeile des Divi-Themas enthält ein Suchsymbol, das beim Anklicken ein Suchfeld aufruft. Dieses Suchfeld enthält ein graues «Kreuz»-Symbol, das zum Schliessen des Suchfeldes verwendet werden kann. Wenn Sie eine andere Farbe ...
Keine Inhalte gefunden.
Werbung
