Trick # 434 | Dieser Beitrag beinhaltet 1649 Wörter. – Geschätzte Lesezeit: ca. 9 Minuten.
Der «Senden»-Button im Divi-Kontaktformular-Modul wird von Haus aus rechtsbündig dargestellt. Es gibt keine Möglichkeit, den Button zentriert oder links auszugeben. Oder doch? Mit ein wenig CSS steuern Sie die Darstellung ganz einfach.
Normalerweise stellt das Kontaktformular-Modul des Divi-Themes den «Senden»-Button rechtsbündig dar:
Mit folgendem CSS-Block können Sie den Button umplatzieren – beispielsweise zentrieren. Kopieren Sie den Code in das CSS-Stylesheet Ihrer Divi-Website – unter Design/Customizer/Zusätzliches CSS:
.et_contact_bottom_container{
display: flex;
align-items: center;
justify-content: center;
width: 100% !important;
padding-bottom: 5px;
}Nun wird der «Senden»-Button zentriert angezeigt:
Linksbündig statt zentriert
Sollte der Button lieber links stehen? Dann verwenden Sie folgenden CSS-Block statt des obigen und platzieren Sie diesen in das CSS-Stylesheet – wie gehabt: unter Design/Customizer/Zusätzliches CSS:
.et_contact_bottom_container{
display: flex;
align-items: left;
justify-content: flex-start;
width: 100% !important;
padding-bottom: 5px;
}Sieht dann so aus:
Werbung
Werbung
