• Gelöst Stahlscs4711

    (@stahlscs4711)


    Hallo zusammen,

    folgendes Problem:

    Ich habe mit Contact Form 7 ein Kontaktformular erstellt. Wenn ich nicht alle Pflichtfelder des Formulars ausfülle und auf „Senden“ drücke, dann zerschießt es mir das komplette Layout des Kontaktformulars. Habe schon einiges ausprobiert, aber nichts hilft.

    Wäre toll, wenn mir jemand bei meinem Problem helfen könnte. Vielen Dank schonmal!

    Beste Grüße
    Stephan

Ansicht von 14 Antworten – 1 bis 14 (von insgesamt 14)
  • Link zum Problem?

    Gruß, Torsten

    Thread-Starter Stahlscs4711

    (@stahlscs4711)

    Hier der Link:

    http://s430253748.online.de/kontaktdaten/

    Grüße
    Stephan

    Dein Theme enhält CSS-Angaben für dieses Plugin. Deaktiviere mal das CSS des Plugins, vielleicht löst das schon alle Probleme.

    Gruß, Torsten

    Thread-Starter Stahlscs4711

    (@stahlscs4711)

    Hallo Torsten,

    danke für Deine Hilfe. Jetzt muss ich mich als Rookie outen: Wie deaktiviert man das CSS des Plugins?

    Grüße
    Stephan

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Das Plugin selber hat dafür keine Einstellung. Entweder man entfernt das Stylesheet wieder mit

    function get_rid_of_cf7_styling() {
     wp_dequeue_style( 'contact-form-7');
    }
    add_action('wp_enqueue_scripts', 'get-rid_of_cf7-styling')

    oder man überschreibt die Style-Anweisungen mit eigenen Regeln (z.B. mit Hilfe des Plugins Simple Custom CSS). Hierzu findest Du auf der Homepage von Contact Form 7 noch einige Erläuterungen.

    Thread-Starter Stahlscs4711

    (@stahlscs4711)

    Hi,

    ich habe das CSS des Plugins deaktiviert. Das Problem ist damit jedoch leider nicht gelöst.

    Ich habe aber etwas herausgefunden: Wenn ich im DOM-Explorer (MS IE)bei dem unten stehenden Code-Auszug aus „inline-block“ „inline“ mache, dann verhaut es das Format nicht. Leider weiß ich jedoch nicht, wo ich dieses umstellen kann. Ich schaffe es nur im DOM Explorer.

    Code:

    <span class=“wpcf7-form-control-wrap your-name“ style=“display: inline-block;“><input name=“your-name“ class=“wpcf7-form-control wpcf7-text wpcf7-validates-as-required wpcf7-not-valid“ aria-invalid=“true“ aria-required=“true“ type=“text“ size=“50″ maxlength=“50″ value=““ AUTOCOMPLETE=“OFF“><span class=“wpcf7-not-valid-tip“ role=“alert“>Bitte füllen Sie dieses Pflichtfeld aus!</span></span>

    Style-Angaben kannst Du über den Attribut-Selektor und important überschreiben:

    .your-name[style] { display: inline !important; }

    Ob das in diesem Fall der beste Weg ist, weiß ich nicht, aber so könntest Du es per Custom CSS-Plugin (s.o.) mal überschreiben und weiter testen.

    Gruß, Torsten

    Thread-Starter Stahlscs4711

    (@stahlscs4711)

    Hallo Torsten,

    das hatte ich bereits versucht, jedoch dominiert der Inline-Code die CSS-Definitionen. Weißt Du, wodurch der Inline-Code definiert wird? Ist das PHP, JavaScript? Wie kann ich diesen Inline-Code ändern bzw. entfernen, sodass die CSS-Display-Definition verwendet wird?

    Grüße
    Stephan

    Ich glaube, dass Problem liegt woanders.

    1. Wenn Du das so benutzt, wie von mir oben beschreiben, dann wird der Inline-Code überschrieben. Definitiv. Dazu müssen natürlich die Klassen-Namen stimmen! Sonst per Firebug o.ä. checken, durch welche Anweisung es überschrieben wird:
    Siehe: http://css-tricks.com/override-inline-styles-with-css/

    2. Du hast, wenn ich das richtig sehe, den Namen von „your-name“ auf „name“ geändert, was WordPress nicht mag und was die Klasse in meinen letzten Post natürlich verändert:
    http://contactform7.com/faq/are-there-any-reserved-or-unavailable-words-for-the-name-of-an-input-field/

    Zum Thema CSS deaktivieren (sofern nötig, das war ja nur eine Vermutung – vielleicht ist das ja nur ergänzend zum CSS des Plugins):
    http://contactform7.com/loading-javascript-and-stylesheet-only-when-it-is-necessary/

    Gruß, Torsten

    Thread-Starter Stahlscs4711

    (@stahlscs4711)

    Hey Torsten,

    ich hatte Deinen Code vorhin in der Tat nicht richtig übernommen. Nun habe ich den Fehler bemerkt und es funktioniert!

    Vielen, vielen Dank für Deine Hilfe! Ein lange bestehendes Problem ist nun endlich gelöst!

    Beste Grüße
    Stephan

    Thread-Starter Stahlscs4711

    (@stahlscs4711)

    Wie kann ich auf „resolved“ umstellen?

    Rechts in der Sidebar. Habe ich mal gemacht. 🙂

    Gruß, Torsten

    Thread-Starter Stahlscs4711

    (@stahlscs4711)

    Danke. Bei mir zeigt es da nur ein rotes/grünes Lämpchen an. Selbst auf resolved setzen kann ich aber nicht. Oder geht das über „unsubscribe“?

    Grüße
    Stephan

    Nee, das subscribe/unsubscribe ist für das Abonnement des Threads. Du musst eingeloggt sein, aber vielleicht können auch nur Moderatoren umstellen … ?

    Gruß, Torsten

Ansicht von 14 Antworten – 1 bis 14 (von insgesamt 14)

Das Thema „Contact Form 7 Layout zerschossen“ ist für neue Antworten geschlossen.