feldbreite im contact form 7 ändern

  • hallo community,

    ich habe mir das plugin "contact form 7" installiert und habe die ganzen felder schon bearbeitet (siehe link unten) nur leider dehnen sich alle eingabefelder, außer komischerweise "Handynummer" nicht, bis ganz nach rechts.
    kann mir einer erklären wie ich das ändern kann bzw in welcher .css datei ich die breite bearbeiten kann?

    lg


    • 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

  • Das kannst du direkt im Stylesheet deines WordPress-Themes ändern.

    Versuch es mal so:

    CSS
    .wpcf7 input[type="tel"] {
    width: 100% !important;
    }


    Hallo reap,

    danke für deine Antwort, ABER ich habe deinen Code ins .css von meinem Themes ([COLOR=#333333][FONT=sans-serif]Responsive: Stylesheet [/FONT][/COLOR][COLOR=#333333][FONT=sans-serif](style.css)[/FONT][/COLOR]) reinkopiert, es hat sich leider nichts verändert :? . Kann es sein, dass dieser code in einer anderen css datei reingehört? wenn ja in welcher?

    was ich noch vergessen habe zu sagen ist, dass ich eigentlich alle Felder viel schmäler ( like "Handynummer") haben möchte.

    DANKE im Voraus

  • 1) Um die Felder zu verkleinern, kannst Du einen Wert kleiner als 100% verwenden (CSS-File des Themes beziehungsweise Childthemes), also beispielsweise:

    Code
    .wpcf7 {
         width: 50%;
    }

    2) Die Grösse des Felds "Handynummer" ist davon abhängig, welchen Feldtyp Du dafür gewählt hast. Du kannst die Feldgrösse usw. beispielsweise eines Nummern-Tags im Formular definieren (unter "Tag generieren").

    Wenn Du für das Feld wie für die übrigen Felder ein Textfeld verwendest, können alle Felder zusammen mit dem angegebenen CSS-Code angepasst werden.

  • hi,
    ja da habe ich auch schon nachgeschaut nur das komische ist, dass im cf 7 plugin keine .css datei zu finden ist ....


    Sind eigentlich sogar 2 css datein bei diesem plugin. die sieht man nur am anfang nicht,erst wenn man die php mal durchgeht erscheinen die in der Liste, ansonsten kannste auch im FTP nachsehen...und bearbeiten.

Jetzt mitmachen!

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