Ich möchte Schriftfarbe und Hintergrund des Buttons "Kostenpflichtig bestellen" ändern. Über Styleedit geht das wohl nicht, zumindest habe ich es nicht gefunden?!? (Ich würde es gut finden, wenn man diese "wichtigen Buttons" ("KASSE", "ZUM WARENKORB", "KOSTENPFLICHTIG BESTELLEN") im Styleedit anpassen könnte, so wie es es so für den "In den Warenkorb" Button bereits der Fall ist) Jetzt suche ich bereits eine ganze Weile, finde aber nicht den passenden CSS Selektor der dann eben nur auch genau diesen Button ändert. Kann mir jemand helfen?
Hi @DOGS in the CITY wenn Du Firefox nutzt, kannst Du mittels der Tastenkombination STRG+SHIFT+C direkt einen Bereich auswählen, in diesem Fall z.B. deine Buttons und kannst die jeweiligen Klassen einsehen. Die gleiche Tastenkombination funktioniert meines Wissens auch bei Edge. So habe ich folgende Klassen: In den Warenkorb: class="btn btn-lg btn-buy btn-block js-btn-add-to-cart" Zur Kasse: class="btn btn-primary btn-block button-submit" Zahlungspflichtig bestellen: class="btn btn-primary btn-block checkout-confirmation-submit"
Hallo O.C. danke für die Antwort am Ostersonntag. So in der Art hatte ich mich auch bereits genähert, leider erfolglos. Wenn ich dem eigenen CSS etwas in dueser Art hinzufüge, ändert sich an dem Button "Kostenpflichtig bestellen" leider nichts. Code: .btn btn-primary btn-block checkout-confirmation-submit { background: #ffa41c !important; border-color: #ffa41c !important; font-size: 18px !important; } Was könnte der Fehler sein?
So gehts: Code: .checkout-confirmation-submit { background: #ffa41c !important; border-color: #ffa41c !important; font-size: 18px !important; }
Hallo OC, Barbara, danke für Eure Hilfe! Feedback: .checkout-confirmation-submit ==> funktioniert. .btn btn-primary .btn-block .checkout-confirmation-submit ==> funktioniert nicht.
Da müsste dann noch ein . vor btn-primary also .btn .btn-primary .btn-block .checkout-confirmation-submit
Funktioniert trotzdem nicht. Nur '.checkout-confirmation-submit' funktioiniert. Somit vielen Danke an alle.
Das kommt davon, wenn man noch nicht ganz bei der Sache ist. Da das zusammenhängende Klassenselektoren sind, dürfen keine Leerzeichen zwischen den einzelnen Bezeichnungen stehen. Also der Richtige Code lautet dann: Code: .btn.btn-primary.btn-block.checkout-confirmation-submit { color: red; } Das würde dann die Schrift auf rot setzen.