Designprobleme beim Contact Form 7

alhai

Hallo, ich nutze CF7 als Kontaktaktformular-Plugin. Durch die DSGVO sollte man ja unterhalb vom Formular vor dem Senden-Button eine Checkbox zur Zustimmung der Datenschutzerklärung einbinden. Das geht ja über das Panel sehr easy.

Vom Design her klappt das allerdings nicht ganz, die Checkbox steht nicht links außen fluchtig mit den anderen Komponenten, es ist leicht eingerückt. Das sieht natürl. nicht schön aus. Weiß jemand, wie man das bündig mit dem Formular gestalten kann? Ich habe einiges versucht, aber ohne Erfolg bis jetzt.

1 Foto ist anbei, danke.

mfg
alias alhai

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

maxe

Link zum Blog, damit wir ins HTML/CSS gucken können?

Marcus[IS]

Hi,

wie @maxe schon geschrieben hat, benötigen wir für solche Hilfestellungen immer den Link zum Problem.

Doch ich habe das mittels CF7 und dem Checkbutton auch so gelöst, daher denke ich das die Codes für das CSS in etwa die selben sein dürften.

Code

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
}

Normalerweise ist das margin im 1em am Ende eingepflegt, doch mit 0em rutscht die Checkbbox dann nach links und ergibt die gewünschte Fluchtlinie.

Der Code kann im Backend über Design/Customizer im Bereich zusätzliches css eingepflegt werden.

SirEctor

Kurze Ergänzung: wenn man 0 schreibt, lässt man das em weg. Denn 0 ist 0.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Designprobleme beim Contact Form 7

Jetzt mitmachen!