Support » Plugins » Contact Form 7 CSS mit HTML rapidmail.de verbinden

  • Hallo

    Ich möchte die CSS Codes von Contact Form 7 mit den CSS Codes vom Newsletter Anmledung rapidmail.de ersetzen.

    Bei WP Formulare verweist das Contact Form 7 Formular mit einem Shortcode weiter. Wohin verweist dieser Code? Ich dachte ich kann dort die CSS Angaben holen und sie einfach ersetzten…

    Ist das so machbar? Ich bin ziemlich neu im Programmieren und immer noch bei den Basics.

    Danke für eure Hilfe, Tipps, Anregungen, Lösungen.

    http://www.parfum-kaufen.ch

    Gruss Igor

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • CSS gestaltet das Aussehen.
    Was gefällt dir am Aussehen deines Formulars nicht?
    Die Schrift,die Farbe, der Abstand.

    Da du ein kommerzielles Theme verwendest, kann ich nicht einschätzen, ob das Theme bereits ein Eingabefeld für benutzerdefiniertes (also eigenes) CSS enthält. Falls nicht, kannst du dir aber mit einem Plugin wie Simple Custom CSS oder Jetpack behelfen und CSS nach Belieben hinzufügen.

    Der Shortcode wird von WordPress so umgesetzt, dass für zur Anzeige des Formular notwendige HTML an passender Stelle eingefügt wird. Soll das Stylesheet von Contact Form 7 gar nicht geladen werden, kannst du die Ausgabe mit folgender Zeile in der wp-config.php unterdrücken:

    define('WPCF7_LOAD_CSS', false);

    … oder du fügst im Child Theme in der functions.php folgende Zeile ein:

    add_filter( 'wpcf7_load_css', '__return_false' );
    Thread-Starter igorgasic

    (@igorgasic)

    Hallo miteinander

    Danke für eure schnelle Antworten.

    – Mir gefällt das Contact Form 7 Formular wie auf meiner Website http://www.parfum-kaufen.ch sehr gut. Ich möchte diese CSS beibehalten.

    – rapidmail.de hat aber ein anderes Anmeldeformular, welches ich mit HTML auf meine Seite einfügen kann und direkt verknüpft ist mit deren Server und alle Anmledungen automatisiert auf dem Server richtig ablegt, mit Namen, email, etc.

    – Das CSS von rapidmail.de gefällt mir aber nicht und ich möchte dieses mit dem von Contact Form 7 ersetzten. Diese finde ich aber nicht, resp. weiss nicht genau wohin der shortcode verweist.

    – Mein Theme kann HTML Eingabefelder einfügen (Ronneby).

    – Die andere Möglichkeit wäre das ich die HTML Codes von rapidmail.de meinem Contact Form 7 zuweise, was ich beim probieren aber als schwieriger empfunden habe.

    Viel Text, hoffe konnte mein Problem genauer schildern.

    Danke für Eure Bemühungen.

    Lieber Gruss
    Igor

    Wenn du Rapidmail einsetzen magst, dann darfst contact form7 gar nicht nutzen.

    Füge Rapidmail ein und dann kann man das Outfit//CSS anpassen.

    Thread-Starter igorgasic

    (@igorgasic)

    Danke Monika.

    Das ist auch mein Ansatz, ich habe html von rapidmail eingesetzt und würde jetzt dort die css codes anpassen. Da bin ich aber noch nicht versiert, wesswegen ich die css codes, welche schon geschrieben sind vom contact form 7, gem. Meiner jetztigen website, kopiert hötte und bei rapidmail an richtigen ort eingefügt hätte.
    Jedoch weiss ich nicht wo die css codes abgespeichert sind von contactform formular. Einen shortcode habe ich dort, weiss aber nicht wo das hin verweist.

    Hast du/ihr eine idee?

    Danke

    Thread-Starter igorgasic

    (@igorgasic)

    Danke Monika.

    Das ist auch mein Ansatz, ich habe html von rapidmail eingesetzt und würde jetzt dort die css codes anpassen. Da bin ich aber noch nicht versiert, wesswegen ich die css codes, welche schon geschrieben sind vom contact form 7, gem. Meiner jetztigen website, kopiert hötte und bei rapidmail an richtigen ort eingefügt hätte.
    Jedoch weiss ich nicht wo die css codes abgespeichert sind von contactform formular. Einen shortcode habe ich dort, weiss aber nicht wo das hin verweist.

    Hast du/ihr eine idee?

    Danke

    das css des Plugins braucht eigene CSS Klassen und IDs, die sicher nicht so im HTML des nun verwendeten Formulars zu finden sind.

    d.h nur wenn du gut CSS kannst, wirst das auch umschreiben können.

    Lade dir CF7 auf deinen Rechner,entpacke es und im Ordner includes findest du dann die CSS Dateien.

    In der style.css eines Child Themes oder mit einem custom CSS Plugin kannst du dann deine Zuschreibungen machen.

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Contact Form 7 CSS mit HTML rapidmail.de verbinden“ ist für neue Antworten geschlossen.