Support » Allgemeine Fragen » Formular zentrieren

  • Hallo @ all,

    habe gestern den ganzen Tag versucht, ein Formular auf meiner WP-Site zu zentrieren. Da ich mit CSS und HTML leider wenig am Hut habe, konnte ich auch mit den ganzen Tipps, die man im Internet findet nicht wirklich etwas anfangen – bzw. gab es keine für mich zufriedenstellende Lösung.

    Hier ist der Frame, der zu zentrieren wäre:
    <iframe frameborder=“0″ scrolling=“no“ marginheight=“0″ marginwidth=“0″ src=“https://email-marketing.domain.de/widget/iframe/37SA/b4Q&#8220; width=“100%“ height=“379″></iframe>

    Wer kann mir helfen, so dass ich es (als nicht HTML und CSS-sprechender) auch verstehe und umsetzen kann.

    Danke schon vorab für eure Hilfe.

    Liebe Grüße Jürgen

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

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 16)
  • Hallo,
    wenn Du den Link zur Seite postest, kann man Dir besser helfen, siehe hier
    Viele Grüße
    Hans-Gerd

    Hallo Hans-Gerd,
    wusste ich doch, ich hab auf den Seitenlink vergessen 🙂

    LG Jürgen

    Hallo Jürgen,
    teste mal bitte nachfolgende Zeilen (bitte in Design->Customizer->Ind. CSS):

    @media (min-width: 769px)
    body form.mj-form .mj-embedded.mj-embed-shadow {
        display: block;
    }
    

    Viele Grüße
    Hans-Gerd

    Bekomme leider eine Fehlermeldung:

    Unexpected token ‚body‘ at line 2, col.1

    LG Jürgen

    @media (min-width: 769px) {
      body form.mj-form .mj-embedded.mj-embed-shadow {
          display: block;
      }
    }

    Danke mal für eure Antworten.

    Jetzt bekomme ich zwar keine Fehlermeldung mehr – aber… es ändert sich auch sonst nichts. Das Formular wurde nicht zentriert.

    Muss ich eventuell beim HTML Code des Frames noch etwas hinzufügen oder ändern?

    Hallo @juergen0480

    entferne das CSS wieder und trag stattdessen das ein:

    form.mj-form {
        text-align: center;
    }

    Leider auch keine Veränderung 🙁

    ich hatte leider heute morgen in der Tat die { vergessen. Das hatte @bscu ja in seiner Antwort netterweise korrigiert.
    Mich wundert aber, dass beides nicht funktionieren sollte, denn in der developer console funktionierte das zumindest bei mir.
    Und Du hast das auch wirklich bei Deinem theme unter Customizer und da unter Individuelles CSS eingegeben ?

    Gerade noch eingefallen:

    • Browsercache löschen oder die Seite mal ein einem anderen Browser öffnen.
    • Falls Du noch Caching-Plugins im Einsatz hast: die Plugins mal kurz deaktivieren und/oder Cache erneuern und noch mal testen.

    Das Problem dürfte das IFrame sein. Wenn der Browser es einmal geladen hat, kann man in der Developer-Console die Werte im Iframe ändern, aber nicht schon beim Laden per CSS.

    Hab ich das richtig verstanden?
    Das IFrame löschen, dann CSS laden, danach das IFrame wieder einfügen?

    Du wirst da per CSS im IFrame nichts ändern können. Die Seite, die per IFrame geladen wird, ist eine eigenständige Seite. Wenn das nicht deine eigene Seite ist, wirst du da nichts ändern können.

    Das heißt, ich kann in diesem Fall das Formular gar nicht zentrieren?

    Du solltest den Hersteller der Seite, die du per IFrame einbindest, fragen, ob da was möglich ist.

    Das Problem dürfte das IFrame sein.

    Joa, da haben wir wohl alle drei gestern etwas gepennt 😀

    Normalerweise kann man das iFrame selbst zentrieren, indem man statt 100% einen festen Wert einträgt. ABER, das kann man zwar mit diesem iFrame auch machen, seltsamerweise will es aber rechts noch zusätzlichen Freiraum haben (in der Gesamtbreite). Daher würde es visuell nicht exakt mittig sitzen. Man könnte natürlich mit margin-left wieder gegensteuern, jedoch muss man auch das responsive Verhalten berücksichtigen… too much…

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 16)
  • Das Thema „Formular zentrieren“ ist für neue Antworten geschlossen.