Formular schmaler / verkleinern

    Hallo, ich habe auf meiner Seite ein Kontaktforumular eingebaut, leider geht es über die ganze Seite, was nicht schön aussieht.
    Ich bin mir sicher, dass man das mit CSS anpassen kann, kenne mich damit aber nicht aus.

    Könnte jemand kurz mal auf die Seite schauen und mir den passenden Code dafür sagen?
    Link zur Seite: https://bit.ly/2PbrtQP (temporär)

    Lieben Dank,
    Robota

    • Gerade eben
    • Anzeige

    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

    Mit diesen beiden Formatierungen solltest du dein Formular auf jede beliebige Breite einstellen können:

    HTML
    .x-container.max {
  max-width: 800px;
}
.x-container.width {
  width: 95%;
}

    Hallo Sailor56,
    leider verändert sich nichts an dem Formular, wenn ich den Code in die CSS des Styles eintrage.
    Habe es einzeln und auch zusammen probiert.

    Versuche mal:

    CSS
    .x-container.max {
  max-width: 800px !important;
}

    in der ersten Anweisung!
    Dashboard - Design - Customizer - Zusätzliche CSS!!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Ich habe im Supportforum des Plugins mal nach CSS gesucht und dabei bin ich auf ".planso-form-builder" gestoßen.
    So funktioniert das aktuell:

    CSS
    .planso-form-builder {
  max-width: 600px !important;
}


    Jetzt scheitere ich nur noch daran, das Formular mittig zu bekommen.
    Bisher habe ich es nur geschafft, den Text der Felder mittig zu kriegen, was ich natürlich nicht wollte.
    Könnt Ihr mir noch einen Tip geben, wie ich das Formular mittig bekomme?

    LG Robota

    Ok, dann mache daraus -

    CSS
    .planso-form-builder {
  max-width: 600px !important;
  margin: 0 auto;
}


.entry-content.content p {
   text-align: center;
}

    Auch hier wieder auf unerwünschte Nebenwirkungen überprüfen ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Ggf noch den "Senden" Buton etwas tiefer

    CSS
    .x-btn, .button, [type="submit"] {
    margin-top: 0.25em !important;
}

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Freut mich!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Also wenn das nicht sooooo weit wäre (> 600km Luftlinie), die Speisen würden schon reizen..... ;)

    Sorry off topic!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Haha danke, ja die Speisekarte ist schon verführerisch :D
    Übrigens habe ich vom Entwickler des Formular-Plugins mittlerweile eine Antwort bekommen, in der er sagt, dass man das Formular nicht in der Breite beeinflußen kann.

    Musste da direkt an das bekannte Zitat denken:

    Zitat


    Alle sagten immer das geht nicht, dann kam jemand, der das nicht wusste, und hat es einfach gemacht!


    ;)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden