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 / Allgemeines CSS - Wie erstelle ich eine 1/3 Zeile?

Dieses Thema im Forum "Design" wurde erstellt von hartu, 4. Januar 2016.

  1. hartu

    hartu Active Member

    Registriert seit:
    30. November 2015
    Beiträge:
    36
    Zustimmungen:
    0
    Moin liebes Forum,

    ich verwende grade das Contact Form 7 welches so aussieht:
    http://wordpress.p154953.webspaceconfig.de/?page_id=92&lang=de

    Folgende Css dabei:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Ich wurde nun gerne Zeilen wie die andere mit Herr/Frau auf eine 1 drittel größe haben und 2 drittel für den Nachnamen.
    Was genau muss ich da jetzt schreiben? Bzw. welche Fehler sollte man versuchen zu vermeiden?

    Liebe Grüße,
    hartu
     
  2. bgeissler

    bgeissler Well-Known Member

    Registriert seit:
    6. August 2006
    Beiträge:
    4.404
    Zustimmungen:
    0
  3. hartu

    hartu Active Member

    Registriert seit:
    30. November 2015
    Beiträge:
    36
    Zustimmungen:
    0
    Danke sehr für die Antwort :)

    Also mir gehts auch sehr primär um das verstehen, da ich noch nicht allzu bewandert bin was CSS angeht.

    Also mein Code sollte doch theoretisch jetzt so aussehen oder?

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Dann hätte ich im Ergebnis Zeile 1: 25 % (Anrede) und 75 % (Nachname)

    Okay, dass klappt so noch nicht, habe ich etwas übersehen?
     
  4. bgeissler

    bgeissler Well-Known Member

    Registriert seit:
    6. August 2006
    Beiträge:
    4.404
    Zustimmungen:
    0
    Ja. Die Angabe gehört nicht ins CSS sondern in den shortcode des Formulars
    (Die Angaben sieht man, wenn man die empfohlene Doku bis zum Ende liest.) :)
     
  5. hartu

    hartu Active Member

    Registriert seit:
    30. November 2015
    Beiträge:
    36
    Zustimmungen:
    0
    Danke dir, dass hat mir sehr weitergeholfen. :)
    Ohman manchmal sieht man es einfach nicht..

    Eine andere Frage hätte ich da noch. Ich würde gerne den abschicken Button ohne Verlauf sondern mit einfacher Farbe füllen.
    Die entsprechende Klasse habe ich auch schon geändert:

    .sendbutton
    background: #65B32E;
    color: #fff;

    Meine Frage wäre jetzt, laut der Prüfen Funktion von Chrome sieht es so aus als ob auch nur diese Klasse auf den Button zugreift.
    Allerdings verändert sich nichts. Vermute das zwei Klassen auf ihn zeigen? :/

    Liebe Grüße
    hartu
     
  6. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    also der Verlauf kommt von
    .wpcf7-form input[type="submit"], .wpcf7-submit

    der Background selber aus
    .wpcf7-submit


    selbes Spiel beim hovern
    .wpcf7-form input[type="submit"]:hover, .wpcf7-submit:hover

    und
    .wpcf7-submit:hover
     
  7. hartu

    hartu Active Member

    Registriert seit:
    30. November 2015
    Beiträge:
    36
    Zustimmungen:
    0
    Hallo Maxe,

    vielen dank für deine Antwort :)

    Das Hilft mir schon einiges weiter. Aber so richtig geklappt hat es noch nicht..
    Also zum reinen Verständnis, die CSS überschreibt ja Befehle aus der Stylesheet richtig? Das heißt wenn ich keinen Verlauf haben möchte, müsste ich ja aus der CSS den Befehl rauslöschen und mit einen anderen sagen das er einfach Füllfarbe verwenden soll oder?
    Mir ist klar, dass man unter Themen Optionen Custom CSS einfügen kann welche beim Update ja bestehen bleibt, allerdings möchte ich ja eher das etwas weg ist und nicht wiederkommt.
    Oder denke ich grade einfach zu kompliziert :O

    Liebe Grüße,
    hartu
     
  8. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    das Prinzip ist nicht Löschen, sondern Überschreiben ... so z.B.:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  9. hartu

    hartu Active Member

    Registriert seit:
    30. November 2015
    Beiträge:
    36
    Zustimmungen:
    0
    Vielen vielen Lieben dank, jetzt hats Klick gemacht :)!
    Danke sehr habe es endlich verstanden. Werde mir jetzt erstmal ein CSS Buch zulegen :p

    Liebe Grüße,
    hartu
     
  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