Trick # 130 | Dieser Beitrag beinhaltet 0 Wörter. – Geschätzte Lesezeit: ca. 0 Minuten.
Der Inhalt von Websites, welche mit dem Divi-Theme erstellt werden wird auf mobilen Geräten mit einer maximalen Breite von 80 Prozent der Anzeigenbreite dargestellt. Mit CSS-Code können Sie diesen Wert jedoch ganz einfach verändern.
Fügen Sie folgenden Code in das CSS-Stylesheet Ihrer Website ein. Sie finden es unter Design/Customizer/Zusätzliches CSS:
@media only screen and (max-width: 980px) {
#top-header > .container,
#main-header > .container,
#et_search_outer > .container,
body.single #main-content > .container,
body.page:not(.et-tb-has-template) div.et_pb_row,
body.page.et-tb-has-template .et-l--post div.et_pb_row,
body.single-project div.et_pb_row,
body.single-project div.et_pb_row.et_pb_row_fullwidth {
width: 90% !important;
}
}- Dieser Code wirkt bei einer Anzeigenbreite von maximal 980 Pixel (Zeile 1) - dies betrifft also vorab Tablet und Mobiltelefonansichten. Natürlich können Sie auch eine andere Breite als Breakpoint definieren.
- Anschliessend folgt eine Menge CSS-IDs und -Klassen. Diese sollten Sie unverändert übernehmen.
- Interessant wird's auf Zeile 10: Dort werden mit obigem Code 90 Prozent als Contentbreite definiert. Diesen Wert können Sie nach eigenem Gusto anpassen.
Das war's auch schon. Gar nicht schwierig. Oder?
Werbung
Besonders auf Teamseiten kommen oft Porträtbilder unterschiedlichster Machart zusammen. Ein Studiobild neben einer Aussenaufnahme usw. Das wirkt oft unruhig. Ein guter Trick ist, die Bilder schwarzweiss darzustellen. Doch halt: statt nun alle ...
Das Headermenu (auch «Primary Menu» genannt) lässt sich im Customizer des Divi Themes optisch verändern. Es geht aber noch viel besser: Mit CSS haben Sie weitaus mehr Möglichkeiten, das Styling anzupassen. Wir zeigen Ihnen wie.
Kennen Sie das? Sie bearbeiten einen bestehenden Beitrag im Visual-Builder des Divi-Themes. Und jedes mal, wenn Sie den Cursor an eine neue Stelle setzen, poppt ein Styling-Menu auf. Das kann nerven. Aber man kann's auch deaktivieren.
Vor einigen Wochen haben wir Ihnen gezeigt, wie Sie den Post-Type «Projekte» im Divi-Theme mit einer stimmigeren URL versehen können. Auf diesen Beitrag folgten Fragen, ob sich denn das ganze auch für die Übersichtsseiten mit Projekt- ...
Keine Inhalte gefunden.
Werbung
