Trick # 275 | Dieser Beitrag beinhaltet 0 Wörter. – Geschätzte Lesezeit: ca. 0 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 Divi-Theme bietet ein Box-Layout an, mit welchem sich die Website gestalten lässt. Standardmässig ist die «Box» aber mit einem Schatten versehen, den viele nicht wünschen. Ein kurzer CSS-Code und das Problem ist gelöst.
Drei Bilder nebeneinander stellen? Das kann jede und jeder. Hübsch wäre ein stylisher Staffelungslook, bei welchem etwa Bild 1 und 3 auf einer Linie erscheinen und Bild 2 leicht versetzt ist. Das lösen Sie mit diesem Trick im Nu.
Kennen Sie das? Da nennen Sie auf Ihrer Website eine harmlose Telefonnummer - und schwups, wird diese in zahlreichen Browsern übel verunstaltet. Einige Browser - ganz besonders solche von Mobilgeräten - erkennen nämlich Telefonnummern auf ...
Das Divi-Theme macht das Responsive Layout - also die Darstellung für alle Anzeigengrössen - einfacher. Sehr viel einfacher. So werden etwa nebeneinander platzierte Inhalte auf kleinen Anzeigegrössen gestapelt. Dabei wird aus dem «links nach ...
Keine Inhalte gefunden.
Werbung
