Design vom Warekorb ändern?

Thema wurde von ThorstenU, 14. September 2016 erstellt.

  1. ThorstenU

    ThorstenU Aktives Mitglied

    Registriert seit:
    13. September 2016
    Beiträge:
    32
    Danke erhalten:
    0
    Danke vergeben:
    4
    Hallo,
    wenn man die Kaufabwicklung durchläuft, kommt irgendwann der Abschnitt, wo man die einzelnen Daten eingibt.
    1:Ihre Daten 2: Versand/ Zahlung 3: Bestätigung.

    Jetzt verschwinden aber immer die aktiven Punkte halb, da die Farbe der Schrift die ähnliche ist wie der Hintergrund.
    Siehe Anhang. Welcher Punkt ist für die Einstellung?
    Danke
    Thorsten Warenkorb.jpg
     
  2. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Registriert seit:
    26. September 2014
    Beiträge:
    1.403
    Danke erhalten:
    707
    Danke vergeben:
    92
    Das musst Du wohl über eine eigene CSS machen, da ist es dann ".checkout-processfunnel li span {background: #DeineFarbe; color: #DeineFarbe;}"
     
  3. ThorstenU

    ThorstenU Aktives Mitglied

    Registriert seit:
    13. September 2016
    Beiträge:
    32
    Danke erhalten:
    0
    Danke vergeben:
    4
    Oha. Da kenne ich ja nu gar nix von. Da weiß ich noch nicht mal, wo ich anfangen soll.
    Wo kann man sich denn da mal schlau lesen?
     
  4. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Registriert seit:
    26. September 2014
    Beiträge:
    1.403
    Danke erhalten:
    707
    Danke vergeben:
    92
    Wie weit reichen denn Deine Kenntnisse, was möchtest Du denn nachlesen?
     
  5. Anonymous

    Anonymous Beta-Held

    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    Ich hatte von CSS keine Ahnung und habe mir hier immer geholfen:

    (Link nur für registrierte Nutzer sichtbar.) bzw. (Link nur für registrierte Nutzer sichtbar.)
     
  6. ThorstenU

    ThorstenU Aktives Mitglied

    Registriert seit:
    13. September 2016
    Beiträge:
    32
    Danke erhalten:
    0
    Danke vergeben:
    4
    Ok. Hatte eigentlich gehofft, ohne solche komplizierteren Sachen aus zu kommen.
     
  7. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Registriert seit:
    26. September 2014
    Beiträge:
    1.403
    Danke erhalten:
    707
    Danke vergeben:
    92
    So richtig kompliziert ist das eigentlich nicht. Du kannst den Code, den ich Dir vorgegeben habe mit Hilfe des Style-Editors eintragen. Du musst dann nur noch den Code für die Farben ändern.
     
  8. ThorstenU

    ThorstenU Aktives Mitglied

    Registriert seit:
    13. September 2016
    Beiträge:
    32
    Danke erhalten:
    0
    Danke vergeben:
    4
    Wie muss der denn genau eingetragen werden und wo.
    Hab den Css Editor gefunden. Aber wenn ich die Zeile so eintrage mit meinen Farbecodes, bekomme ich immer eine Fehlermeldung
     
  9. ThorstenU

    ThorstenU Aktives Mitglied

    Registriert seit:
    13. September 2016
    Beiträge:
    32
    Danke erhalten:
    0
    Danke vergeben:
    4
    Ok, jetzt hab ich´s hinbekommen. Der Hintergrund hat eine andere Farbe.
    Kann man auch die Schriftart ändern. Bei color kann ich jede Farbe eintragen, aber es ändert sich nichts.
     
  10. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Registriert seit:
    26. September 2014
    Beiträge:
    1.403
    Danke erhalten:
    707
    Danke vergeben:
    92
    Der Css-Code von oben verändert die Schriftfarbe von der Zahl. Wenn Du die Schrift dahinter ändern möchtest, dann sollte "
    .checkout-processfunnel li {color: #DeineFarbe;}" Dir weiterhelfen.
     
  11. ThorstenU

    ThorstenU Aktives Mitglied

    Registriert seit:
    13. September 2016
    Beiträge:
    32
    Danke erhalten:
    0
    Danke vergeben:
    4
    Cool. Jetzt hats auch damit geklappt. Wo finde ich denn immer den Hinweis, damit ich weiß, womit ich was ändere?
    Gibt es auch eine Möglchkeit die Kugelfarbe zu ändern, wo die Zahl drin steht?
    Vielen Dank aber nochmal für die beiden anderen Tips
     
  12. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Registriert seit:
    26. September 2014
    Beiträge:
    1.403
    Danke erhalten:
    707
    Danke vergeben:
    92
    Wenn Du mit der Maus über das Element gehst, welches Du prüfen möchtest, die rechte Maustaste drücken und dann je nach Browser "Element untersuchen" (Firefox und Internet Explorer) oder "Untersuchen" (Google Chrome) auswählen. Dann wird ein kleines Fenster unten oder an der Seite geöffnet und dort stehen die Elemente und der dazu gehörige CSS-Code drin.

    Da kann man auch hervorragend Änderungen ausprobieren, weil die nur für Deinen Browser temporär angepasst werden. Wenn man alles so hat wie man es möchte, überträgt man alles in die CSS-Datei und gut ist.

    So, nun nochmal die einzelnen Elemente:
    Punkt- und Textfarbe für den aktiven Punkt:
    .checkout-processfunnel li.active span {background-color: #DeineFarbe; color: #DeineFarbe;}

    Linien- und Textfarbe für die Schrift hinter dem aktiven Punkt:
    .checkout-processfunnel li.active {color: #DeineFarbe; border-bottom-color: #DeineFarbe;}

    Punkt- und Textfarbe für die nicht aktiven Punkt:
    .checkout-processfunnel li span {background: #DeineFarbe; color: #DeineFarbe;}

    Textfarbe für die Schrift hinter dem nicht aktiven Punkt:
    .checkout-processfunnel li {color: #DeineFarbe;}

    Damit solltest Du nun alles Einstellen können. Viel Spaß.
     
  13. ThorstenU

    ThorstenU Aktives Mitglied

    Registriert seit:
    13. September 2016
    Beiträge:
    32
    Danke erhalten:
    0
    Danke vergeben:
    4
    Danke nochmal für die ausführliche Erklärung. Hab alles hinbekommen.
    Gruß
    Thorsten