Trick # 12 | Dieser Beitrag beinhaltet 454 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Das Blog-Modul in Divi zeigt die Bilder stets über dem Titel und dem Textauszug. Das gefällt nicht allen. Mit ein paar Zeilen CSS können Sie das Bild links oder rechts des Textes platzieren.
Wählen Sie – je nach Wunsch – einen der folgenden Codes und fügen sie ihn in Ihr CSS-Stylesheet unter Design/Customizer/Zusätzliches CSS ein.
Bild links – Text rechts
.et_pb_post a img {
height: 200px!important;
float: left;
width: 200px;
left: 0;
padding-right: 20px;}@media only screen and (max-width: 980px) {
.et_pb_post a img {
float:none;
width:200px;
height:200px;}}Bild rechts – Text links
.et_pb_post a img {
height: 200px!important;
float: right;
width: 200px;
right: 0;
padding-left: 20px;}@media only screen and (max-width: 980px) {
.et_pb_post a img {
float:none;
width:200px;
height:200px;}}Dieses Snippet gilt nur für die Darstellung «Volle Breite», nicht aber für «Gitter». Ersetzen Sie die Zahlenwerte bei width: und height: mit Ihrer gewünschten Bildgrösse.
Beide Codes haben nur einen Einfluss auf die Desktop-Ansicht. Auf mobilen Geräten bleibt das Bild über dem Text.
Werbung
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 verändern.
Den «Back-Button» in Ihrem Browser werden Sie kennen und ihn bestimmt auch rege nutzen. In diesem Artikel zeigen wir Ihnen, wie Sie eine Browser-Verlaufsschaltfläche in das Divi-Thema einfügen. Wenn Sie auf diesen Button klicken, gelangen Sie ...
Normalerweise stellt Divi die zu präsentierenden Inhalte mit gebührendem Abstand an. Jedoch lassen sich auch mit dem Divi-Theme Inhalte überlappen - etwa Textblöcke. Wie's geht, zweigen wir Ihnen heute.
Mit dem Menü-Modul des Divi-Themes können Sie auch ganz einfach einen Farbwechsel des Navigationshintergrunds auslösen. Etwa nach einer bestimmten Scrollhöhe. Wie simpel das ist, zwigen wir Ihnen hier.
Keine Inhalte gefunden.
Werbung
