Trick # 275 | Dieser Beitrag beinhaltet 253 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Das Divi-Theme blendet von Haus aus einen Header ein. Darin erscheint etwa das Menu und zusätzlich noch ein Logo. Ab und an möchte man aber diesen Standard-Header vollständig ausblenden – etwa auch, um ihn zu ersetzen. Wie das geht, zeigen wir Ihnen hier.
Sie benötigen ein paar Zeilen CSS-Code. Diesen sehen SIe unten – kopieren Sie ihn und fügen Sie ihn in das CSS-Stylesheet Ihrer Website ein. Das geht ganz einfach im Backend unter Design/Customizer/Zusätzliches CSS:
/* Header ausblenden */
#main-header {
display:none;
}
#page-container {
padding-top:0px !important;
margin-top:-1px !important
}
/* Zwischenraum bis zum Inhalt festlegen */
.et_transparent_nav #main-content .container {
padding-top: 58px !important;
}Und schon ist der Header mitsamt Logo und Menu ausgeblendet.
Werbung
Das Blog-Modul des Divi-Themes kann schon vieles - die Beitragsbilder lassen sich aber nur bedingt steuern. Versehen Sie die Beitragsbilder mit einem Rotations- und Zoom-Effekt, der aktiv wird, sobald Sie die Maus über das Bild bewegen.
Das Button-Modul im Divi-Theme bietet eine Fülle von Anpassungsmöglichkeiten. Sie können die Farbe, das Symbol, den Hover-Stil, die Animation und die Position ändern. Aber was, wenn Sie über das hinausgehen möchten, was Divi von Haus aus ...
Wenn Sie viele Menüpunkte in Ihrem Divi-Menü aufführen, kann es vorkommen, dass es auf Mobilanzeigen höher ist als der anzeigbare Bereich des Displays. Gerade bei Untermenüs kann das schnell mal passieren und es können einige der Menü-Punkte ...
Verwenden Sie auch ungeordnete Listen auf Ihrer Website? Ich vermute: ja. Die Bulletpoints wirken aber häufig etwas langweilig. Immerhin: Sie lassen sich leicht mit schöneren Symbolen ersetzen – etwa solche aus dem Divi-Icon-Portfolio.
Keine Inhalte gefunden.
Werbung
