Support » Plugins » Contact Form 7 Box, Schriftgröße und Font Style anpassen

  • Hallo zusammen!

    meine neue Webpage: https://designsprints.studio
    ist noch nicht online. Deshalb werde ich einige Fotos anhängen, um das Problem zu zeigen.

    Ich habe Probleme mit dem Styling des Contact Form 7 Formular. Hier ist sozusagen der Standardzustand meines Kontaktformulars:

    View post on imgur.com

    Wenn ich Custom CSS hier verwende:

    /* Contact Form 7 Style*/
    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 input[type="select"],
    .wpcf7 input[type="submit"],
    .wpcf7 textarea
    {
        font-family: poppins, sans-serif !important;
        font-size: 15px;   
        font-weight: 300;   
    }

    sieht es so aus:

    View post on imgur.com

    Wie man sehen kann, haben sich nicht alle Schriftarten und -typen geändert, und da ich die Schriftgröße erhöht habe, ist das Feld „Bitte auswählen“ kleiner als der Rest.

    Was läuft hier schief?

    Ich möchte einfach überall im Kontaktformular die gleiche Schriftart wie auf meiner Webseite (auch für nach dem Absenden einer Kontaktnachricht/-anfrage), nämlich Poppins. Außerdem möchte ich nur die Schriftgröße erhöhen, und natürlich sollen die Boxgrößen überall gleich sein.

    Für jede Hilfe wäre ich sehr dankbar.

    Kann ich auch die letzte Box selbständig ändern? Die „Kontakt“-Box? Ich möchte nur die Schriftgröße etwas größer haben als bei den Boxen darüber.

    Danke

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

Ansicht von 1 Antwort (von insgesamt 1)
  • Durch die „Coming Soon“-Seite habe ich keinen Zugriff auf das Kontaktformular und kann deshalb auch nicht rasch in den Entwickler-Tools des Browsers etwas ausprobieren. Das wäre aber auch mehr Entgegenkommen gewesen, als es eigentlich im Support vorgesehen ist: Du bekommst Plugins und Themes kostenlos zur Verfügung gestellt, kannst sie nach Belieben ändern und auch anpassen, wenn du über die notwendigen Grundkenntnisse verfügst. Die können wir hier nicht vermitteln, weil es den Rahmen sprengt und ein Forum für z.B. CSS besser geeignet wäre.

    Der Plugin-Entwickler ist in seiner Dokumentation auch auf die Frage eingegangen, wie du die Formulare anpassen kannst. Du kannst das hier nachlesen:
    https://contactform7.com/styling-contact-form/

Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „Contact Form 7 Box, Schriftgröße und Font Style anpassen“ ist für neue Antworten geschlossen.