Trick # 151 | Dieser Beitrag beinhaltet 325 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Das Divi-Menu wächst seitwärts, je mehr Inhalte angezeigt werden. Bisweilen kann das Menu dabei «überlaufen» – bzw. zweistöckig dargestellt werden. Dies lässt sich ändern, wenn auf einer Website das Menu von allem Anfang an auf der ganzen Seitenbreite dargestellt wird – und dies auch bei weniger Menupunkten.
Alles, was Sie benötigen, ist ein wenig CSS-Code. Diesen fügen Sie in das Stylesheet des Child-Themes Ihrer WordPress-Seite ein. Sie finden es unter Design/Customizer/Zusätzliches CSS:
.et_pb_fullwidth_menu .et_pb_menu__menu {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul {
justify-content: space-between;
}
.et_pb_fullwidth_menu .et_pb_menu__menu,
.et_pb_fullwidth_menu .et_pb_menu__menu > nav,
.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul,
.et_pb_menu .et_pb_menu__menu,
.et_pb_menu .et_pb_menu__menu > nav,
.et_pb_menu .et_pb_menu__menu > nav > ul {
flex-grow: 1;
}Das Divi-Menu wird nun auf der gesamten Seitenbreite dargestellt. Auch bei weniger Navigationspunkten.
Werbung
Mit einem ganz einfachen Trick kann der Button im Divi-Theme mit einem sanften 3D-Effekt versehen werden. Bewegt man dann die Maus über die Schaltfläche wird diese (mit Schein) etwas angehoben.
Für Webprojekte verwenden Sie immer auch Farben – selbst dann, wenn es «nur» schwarz und weiss ist. Um meinem Farbkonzept treu zu bleiben und dennoch Nuancen zur Hand zu haben, habe ich mich auf die Suche nach Lösungen gemacht. Zwei patente ...
Mit dem Bild-Modul lassen sich Bilder ganz einfach in Divi-Websites einbinden. Sie können aber gleich noch ein wenig gestylt und animiert werden. Wie das geht, erfahren Sie in diesem Trick.
Wenn Sie im Divi-Theme die Sidebar mit Widgets bestücken, ist oft nicht ganz klar, wo das eine Widget endet und das nächste beginnt. Mit ein wenig CSS können Sie ganz mühelos eine Trennlinie zwischen den Widgets anlegen.
Keine Inhalte gefunden.
Werbung
