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
Im Divi-Theme ist ein Portfolio-Modul enthalten, welches mit Filtern dargestellt wird. Wechselt man den Filter werden die anzuzeigenden Beiträge elegant von links nach rechts ins Bild geschoben. Dieser Effekt lässt sich aber verändern: Beiträge ...
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.
Nun: Dr. Code liebt das Divi-Theme. Aber Divi hat auch Macken. Gehörige sogar. Eine der gröbsten sind die verkorksten Listen, welche Divi produziert. Ob Aufzählungen oder Bullet-Points: das sieht meist nicht gut aus. Es lässt sich aber beheben. ...
Das Einbinden von eigenen Schriftarten ist nicht ganz ohne - unter dem Strich aber doch zu einfach, um auf hübsche und besonders passende Schriftarten zu verzichten. Dr. Code zeigt Ihnen wie es auf jeden Fall klappt
Keine Inhalte gefunden.
Werbung
