Trick # 561 | Dieser Beitrag beinhaltet 664 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.
Wenn Sie auf Ihrer Divi-Website Testimonials anzeigen, entdecken Sie den Mangel an Layout-Optionen im Divi-Testimonial-Modul. In diesem Tutorial zeigen wir Ihnen, wie Sie das Profilbild des Divi Testimonial-Moduls von der linken Seite nach oben verschieben können.
Standardmässig sieht das Testimonial-Modul im Divi-Theme so aus wie nebenan:
Das Bild erscheint normalerweise auf der linken Seite – der Text rechts davon.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
Sie können aber das Bild auch oberhalb des Texts anzeigen. Dafür geben Sie dem Testimonial-Modul eine CSS-Klasse. Wir nennen sie «testimonial-image-top». Bearbeiten Sie dazu das Testimonial-Modul, wechseln zur Registerkarte «Advanced» und dort auf «CSS-ID und Klassen». Im Textfeld «CSS-Klassen» fügen Sie «testimonial-image-top» ein.
Nun folgt der CSS-Code. Diesen legen Sie im Stylesheet – Sie finden es im Backend unter Design/Customizer/Zusätzliches CSS – ab:
.testimonial-image-top .et_pb_testimonial_portrait {
float: none;
display: block;
margin: 0 auto 20px;
}.testimonial-image-top .et_pb_testimonial_description {
margin-left: 0px !important;
}Das war’s auch schon. Das Testimonial von oben sieht jetzt so aus:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
Werbung
Werbung
