In diesem Quick Tipp zeigen wir Euch, wie Ihr Buttons am unteren Rand einer Zeile ausrichten könnt.
Hier ein Beispiel, wie die Buttons in der Divi Zeile ohne unsere CSS Anpassung aussehen:
Und hier ein Beispiel, wie die Buttons in der Divi Zeile nach unserer CSS Anpassung aussehen:
So… fangen wir an und gehen Schritt für Schritt die Anpassungen durch
Als erstes legen wir eine mehrspaltige Zeile an und klicken in die Einstellungen der Zeile:
Lege nun eine Klasse an. In unserem Beispiel lem_fixed_buttons:
Als nächstes passen wir im Reiter Design noch die Spaltenhöhe an. Dafür aktivierst Du im Untermenü „Größe anpassen“ den Schalter Spaltenhöhe ausgleichen:
CSS für die Ausrichtung Deiner Divi Buttons
Um die Buttons nun am unterem Rand der Zeile auszurichten, füge folgenden CSS Code entweder unter Deinem Child Theme in der Datei, welche Dein Style steuert (gewöhnlich style.css) oder in Deinen Theme Einstellungen ein:
/* Align Buttons in bottom of a row */
.lem_fixed_buttons .et_pb_column {
padding-bottom:20px;}
.lem_fixed_buttons .et_pb_button_module_wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
Wir wüschen Dir viel Freude mit diesem Quick Tipp und hoffen, dass es Dich in Deinem Design Deiner Divi Webseite hilft
Wenn Dir der Beitrag „Buttons am unteren Rand einer Zeile in Divi ausrichten“ gefallen hat, unterstütze uns, indem Du diesen Quick Tipp teilst. Ich hoffe, Du hast Freue mit diesem QuickTipp.
Viele Grüße, Levent
