Support » Plugins » Breite der Tel und Mail Felder in Formular

  • Gelöst gloon

    (@gloon)


    hallo,
    auf meiner Seite, mit aktuellem WordPress nutze ich das plugi Contact Form 7
    auf der mobilen Ansicht, sind die Felder Telefon und Mail breiter als der Bildschirm.
    folglich wird das contentmenue oben rechts nur angezeigt, wenn man den Bildschirm manuell ‚verschiebt‘.
    in der Desktop Ansicht sind sie kürzer als die restlichen Felder was nicht störend wirkt.
    scheint, als hätten diese beiden Felder eine fixe breite.
    das Feld löschen und erneut einfügen nützt nichts.

    wie kriege ich diese beiden Felder auch flexibel hin?

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Versuche es mal mit
    input { max-width: 100%; }
    im Custom-CSS

    Thread-Starter gloon

    (@gloon)

    habe in firefox die passage gefunden, wie das dann ausschauen sollte:

    Element {
      background-size: auto, 25px;
      background-image: none, url("data:image/svg+xml;utf8,<svg width='26' height='28' viewBox='0 0 26 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M23.8958 (...)' gradientUnits='userSpaceOnUse'><stop stop-color='%239059FF'/><stop offset='1' stop-color='%23F770FF'/></linearGradient></defs></svg>");
      background-repeat: repeat, no-repeat;
      background-position: 0% 0%, right calc(50% + 0px);
      background-origin: padding-box, content-box;
      max-width: 100%;
    }

    ist dies in das Custom-CSS des Theme einzutragen?

    ich sehe den richtigen code noch nicht.

    kannst Du mir da weiterhelfen?

    Hallo,
    füge bitte die CSS-Regel von @bscu unter Design > Customizer > Zusätzliches CSS ein.
    Ob das Problem mit der CSS-Regel behoben ist, kann ich gerade nicht selbst testen.

    Viele Grüße
    Hans-Gerd

    Thread-Starter gloon

    (@gloon)

    wau, so einfach…

    Vielen Dank euch beiden, hat wunderbar geklappt.

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)