FROM CACHE - de_header

In den Warenkorb / Farbe ändern / Dawn Theme

Gelöst

In den Warenkorb / Farbe ändern / Dawn Theme

milanis
Neues Mitglied
4 0 0

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?

1 AKZEPTIERTE LÖSUNG
Finer
Shopify Partner
2122 461 764

Erfolg.

@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.

 

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency

Lösung in ursprünglichem Beitrag anzeigen

6 ANTWORTEN 6

Finer
Shopify Partner
2122 461 764

@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;
}

 

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
milanis
Neues Mitglied
4 0 0
Hi,

Danke für die Antwort.

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

Tut sich nichts.
Finer
Shopify Partner
2122 461 764

@milanis hast du einen Link zu deiner Seite?

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
milanis
Neues Mitglied
4 0 0

[Link ausgeblendet]

Finer
Shopify Partner
2122 461 764

Erfolg.

@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.

 

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
milanis
Neues Mitglied
4 0 0
Wow das hat geklappt. Vielen Dank für deine Unterstützung. Top 👍👍👍