In den Warenkorb / Farbe ändern / Dawn Theme

Deutsch Diskussion Technische Fragen & Antworten
1

Hi leute,

mein Button „in den Warenkorb“ ist weiss mit schwarzer schrift. Das möchte ich ändern.versucht habe ich diesen Code im Ordner Base.css Gabz unten einzufügen. Auch die farbencodes geändert aber es tut sich nichts.

.product-form__submit {
background: #000000 !important;
color: #ffffff !important;
}

kann jemand helfen?

2

@milanis das Problem ist, dass die Klasse .product-form__submit die Erste von vielen Attributen für den Button darstellt. Daher kann es sein, dass manche Anweisungen nicht angewandt werden. Du hast in diesem Fall das !important Attribut verwendet, was in diesem Fall helfen sollte (sehr gut!). Allerdings müsste die Beschreibung der Werte anders sein:

.product-form__submit {
background-color:#000000!important;
color:#ffffff!important;
}
3

Hi,

Danke für die Antwort.

Habe jetzt deinen Code dort eingefügt (in base.css ganz unten)

Tut sich nichts.

4

@milanis hast du einen Link zu deiner Seite?

5

[Link ausgeblendet]

6

@milanis in der base.css ist ein Fehler. Daher werden die Attribute nicht angewandt.

Um die Zeile 2930 herum, solltest du folgendes sehen:

/* outline and border styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .button,
  .shopify-challenge__button,
  .customer button {
    border: transparent solid 1px;
  }

Bei diesem Media Query fehlt allerdings eine abschließende geschwungene Klammer. Das sollte also folgendermaßen aussehen:

/* outline and border styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .button,
  .shopify-challenge__button,
  .customer button {
    border: transparent solid 1px;
  }
}

Dann sollte sich auch die Button Farbe ändern.

1 Like
7

Wow das hat geklappt. Vielen Dank für deine Unterstützung. Top :+1: :+1: :+1: