Contact design

    • 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

  • Um das Eingabefeld für Nachricht höher zu stylen versuche mal folgendes:
    Das kommt im Dashboard unter Design - Customizer in die Zusätzlichen CSS!

    Code
    form.wpcf7-form textarea {
        max-height: 150px;
    }

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

  • Die Nachrichtenzeile lässt sich mit CSS beliebig in der Größe einstellen - in deinem Fall könntest du versuchen der 'textarea' eine min-height zu geben.

    HTML
    textarea.wpcf7-form-control {
      min-height: 150px !important;
    }


    mit !important, damit die Inlinevorgabe 'rows' überschrieben wird.

    Für die vertikale Linie könntest du versuchen dem Container mit den Eingabefeldern eine 'border-left' zu geben

    HTML
    div.wpb_column:nth-child(2) {
      border-left: 2px solid #bbb;
    }


    ... ausprobieren - bei Nichtgefallen wieder löschen.

  • super danke dir vielmals! : )
    wie meinst du das mit !mportant ?
    ich habe den code im Dashboard unter Design in die CSS rein kopiert.
    die Linie hat übrigens geklappt, ist aber leider etwas zu lang, wie kann ich die linie denn kleiner bekommen? :)

    Edit SirEctor: bitte keine Vollzitate als direkte Antwort.

  • Mit '!important; ' meine ich das so, wie ich es da im Code hingeschrieben habe.
    Das ist eigentlich keine wirklich gute Praxis es so zu machen - aber im CSS gilt immer die letzte, oder in der Priorität höhere Anweisung.
    Inlinestyles haben eine sehr hohe Priorität und um die zu überschreiben muss man zwangsweise '!important;' nutzen - oder den Inlinestyle löschen.
    Hat das nicht funktioniert mit der textarea?

    Wenn die Linie zu lang ist, dann musst du einen anderen Container finden, der in der 'Höhe' passt...zB

    HTML
    .about-details.style3 {
      border-right: 2px solid #ccc;
    }


    Den vorherigen Versuch dann löschen.

Jetzt mitmachen!

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