1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Contact form 7 Design anpassen

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von Wernersen, 7. November 2012.

  1. Wernersen

    Wernersen Member

    Registriert seit:
    7. November 2012
    Beiträge:
    7
    Zustimmungen:
    0
    Ich würde gerne die Länge des Drop-Down Menus ändern und die Position zur darüber stehenden Headline.
    Kann mir da jemand helfen?

    Vielen Dank
     
  2. mfitzen

    mfitzen Well-Known Member

    Registriert seit:
    9. Juli 2006
    Beiträge:
    9.820
    Zustimmungen:
    2
    Ohne Link zum Formular wird das nichts. Wir können nich hellsehen und wissen nicht wie das Formular aktuell aussieht.
     
  3. Wernersen

    Wernersen Member

    Registriert seit:
    7. November 2012
    Beiträge:
    7
    Zustimmungen:
    0
  4. Narcanti

    Narcanti Well-Known Member

    Registriert seit:
    17. Mai 2007
    Beiträge:
    1.872
    Zustimmungen:
    0
    Im verwendeten Stylesheet eintragen:
    Position zur Headline - (Hier Abstand nach oben um 50 px vergrößert)
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Was Du mit Länge des Drop-Downs meinst, weiß ich nicht genau
     
  5. Wernersen

    Wernersen Member

    Registriert seit:
    7. November 2012
    Beiträge:
    7
    Zustimmungen:
    0
    Danke für die prompte Hilfe. Das Drop-Down Menu würde ich gerne so lang machen wie die Eingabefelder darüber.
    Aus optischen Gründen.
     
  6. Wernersen

    Wernersen Member

    Registriert seit:
    7. November 2012
    Beiträge:
    7
    Zustimmungen:
    0
    Ich verwende ein Theme, bei dem ich im Backend "Custom CSS" eintragen kann. Nun verstehe ich nicht viel von HTML und habe den Code von Narcanti angepasst und eingetragen.

    HTML-Code:
    #content-container .sidebar input[type="text"] {width:170px !important;}


    .accordion dt {padding:14px 0px !important;}


    .wpcf7 {margin: 50px 0 0 0 !important;}

    Klappt aber nicht. Was mach ich falsch?
     
  7. mfitzen

    mfitzen Well-Known Member

    Registriert seit:
    9. Juli 2006
    Beiträge:
    9.820
    Zustimmungen:
    2
    Also der Code von Narcanti wird umgesetzt, dass kann ich mit Firebug sehen (also das margin von 50px). Mir erschließt sich nur nicht ganz wo der andere Code herkommt und was es mit dem besagten Dropdown Menü und dessen Länge auf sich hat.
     
  8. Wernersen

    Wernersen Member

    Registriert seit:
    7. November 2012
    Beiträge:
    7
    Zustimmungen:
    0
    Also den anderen Code habe ich mitgepostet, um zu zeigen, dass dieses !important; scheinbar wichtig ist.

    Du hast gesehen, dass der Code umgesetzt wird. Schön.
    Aber der Abstand zwischen "Dringlichkeit" und dem Drop-Down ist immer noch so groß. Den würde ich gerne beeinflussen.
    Ja - und die Länge des Drop-Down Menus an die darüber liegenden Eingabefelder anpassen.

    Vielleicht hat jemand eine gute Idee, wie es gehen kann.
    Danke
     
  9. Narcanti

    Narcanti Well-Known Member

    Registriert seit:
    17. Mai 2007
    Beiträge:
    1.872
    Zustimmungen:
    0
    Moin Wernersen,
    ich sehe den Abstand auch, vielleicht nur Cache im Browser löschen.
    Der Abstand zu "Dringlichkeit" verschwindet, wenn Du im Formular das <br> rausnimmst.
    Die Box vom Select kannst du mit
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    höher machen, allerdings wird der Pfeil nicht mit größer, den müsste man dann vielleicht ersetzen...
     
  10. Wernersen

    Wernersen Member

    Registriert seit:
    7. November 2012
    Beiträge:
    7
    Zustimmungen:
    0
    Hallo Narcanti,
    ich bin einen Schritt weiter. Das mit dem <br> raus war ein Volltreffer. Es klappt. Ich bin zufrieden.

    Jetzt noch die Box: Nicht höher, länger soll sie werden.

    Gibt es dafür auch einen Weg?

    Aber danke auf jeden Fall.
     
  11. Narcanti

    Narcanti Well-Known Member

    Registriert seit:
    17. Mai 2007
    Beiträge:
    1.872
    Zustimmungen:
    0
    Ah, jetzt verstehe ich!
    Ja, geht mit
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Sieht anders aber besser aus - finde ich.
     
  12. Wernersen

    Wernersen Member

    Registriert seit:
    7. November 2012
    Beiträge:
    7
    Zustimmungen:
    0
    Hi Narcanti,

    ich bin schon sehr zufrieden, würde das längere Drop-Down aber gerne mal sehen.
    In welche Datei schreibst Du den Code?
     
  13. Narcanti

    Narcanti Well-Known Member

    Registriert seit:
    17. Mai 2007
    Beiträge:
    1.872
    Zustimmungen:
    0
    Eintragen und dann siehst Du's, wie gehabt in dein Custom-CSS im Backend. Ich hab das einfach über das Developer Tool in Chrome gemacht.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden