Trick # 422 | Dieser Beitrag beinhaltet 247 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Der Divi-Builder ist praktisch; ab und an möchte man aber womöglich darauf verzichten: Für Bleiwüsten auf Pflichtseiten – wie etwa das Impressum oder die Datenschutzerklärung – möchte man möglicherweise nicht mit dem Divi-Builder arbeiten. Doch dann wird der Abstand nach dem letzten Parapraphen zum Divi-Footer verkleinert. Dem können Sie entgegenwirken.
Sie benötigen bloss ein wenig CSS-Code. Diesen fügen Sie in das CSS-Stylesheet Ihres Child-Themes ein. Unter Design/Customizer/Zusätzliches CSS:
body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
padding-bottom: 60px;
}Der Code bewirkt, dass der Abstand des Seiteninhalts zum Divi-Footer 60 Pixel beträgt. Diesen Wert können Sie in Zeile 3 natürlich einfach anpassen.
Werbung
Gerade in mehrspaltigen Designs möchte man vielleicht ein Bildmodul in exakt derselben Höhe wie der nebenan liegende Text darstellen. Das schaffen wir mit ein wenig CSS-Code.
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.
Out oft the box schaut das Suchfeld des Divi-Themes etwas ärmlich aus. Mit unserem CSS-Bausatz können Sie das Suche-Modul aber ganz einfach dem Styling Ihrer Website anpassen.
Das Button-Modul des Divi-Themes bietet die Möglichkeit, neben der Tastenbeschriftung ein Icon anzuzeigen. Dabei kommt jeweils ein Symbolbild aus dem Portfolio der Divi-Icons zum Zug. Doch dieses lässt sich auch mit einem Font-Awesome-Icon ...
Keine Inhalte gefunden.
Werbung
