Formular verschönern :)

ille

Moin, in die Runde ... ich möchte gerne das Formular dieser Seite:

https://disli.de/trauringe/trauringberatung/

verschönern. Leider bekomme ist es nicht hin es z.B. Mittelbündig zu machen oder die Feldergrößen anzupassen.

Kann mir jemand helfen :)

Beste Grüße aus Hamburg

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

@ille

versuche es mal damit

Code

.page-id-5720 .wpb_wrapper {
    margin: 0 auto;
}
#wpcf7-f6317-p5720-o1 label {
    display: inline-block;
    max-width: 400px;
    margin-bottom: 15px;
}

ille

Top Danke :) und wie bekomme ich das Nachrichten Feld an die Breite des gesamtem Formular angepasst, so dass es optisch gut ausschaut :)

Tutrix

du kannst den einen Code von oben ändern in

Code

#wpcf7-f6317-p5720-o1 label {
    display: inline-grid;
    margin-bottom: 15px;
}

also inline-grid
und das max-width weglassen

In den Shortcode der Textbox dann 82x10 hinzufügen, ist derzeit 40x10, wohl Standard oder von dir eingefügt ( verwende CF 7 nicht)

sieht dann so aus

ille

Moin leider bekomme ich es nicht hin ... aber das Bild ist richtig, so will ich es haben .... kannst du mir den richtigen Quellcode geben damit es perfekt passt :)

Vielen herzlichen Dank

Tutrix

Du musst nur noch den Shortcode mit 82x10 ergänzen :)

Hier ein Beispiel / Anleitung
How to set cols attribute in Contact Form 7 textarea

ille

Super... habs jetzt gecheckt :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Formular verschönern :)

Jetzt mitmachen!