Breite der Tel und Mail Felder in Formular

  • Gelöst gloon

    (@gloon)


    vor 7 Monaten, 3 Wochen

    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)
  • bscu

    (@bscu)

    vor 7 Monaten, 3 Wochen

    Versuche es mal mit
    input { max-width: 100%; }
    im Custom-CSS

    Thread-Starter gloon

    (@gloon)

    vor 7 Monaten, 3 Wochen

    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?

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 7 Monaten, 3 Wochen

    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)

    vor 7 Monaten, 3 Wochen

    wau, so einfach…

    Vielen Dank euch beiden, hat wunderbar geklappt.

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Das Thema „Breite der Tel und Mail Felder in Formular“ ist für neue Antworten geschlossen.