Buy Buttons Farben unterschiedlich

[nicobalik]

Hi zusammen,

ich bräuchte eure Unterstützung zu Anpassungen im Dawn Theme.

Auf meiner Hauptseite (www.wakeyourchamp.com) ist die Buy Box weiß hinterlegt:

Auf der Produktseite ist sie gar nicht hinterlegt:

Wenn ich die Dynamic Buttons aktiviere wiederum mir rotem Rahmen:

Ich würde den Button gerne irgendwie hervorheben, finde aber keine Möglichkeit dazu?

Das gleiche Problem habe ich im Warenkorb:

Es wäre deutlich  besser, wenn ich diese buttons irgendwie hervorheben könnte.

Könnt ihr mir hier helfen?

Vielen Dank und liebe Grüße,

Nico

[Gabe]

Hey Nico! @nicobalik 

Wenn das ein Shopify Theme ist bekommst du 60-Min Design Time, wie hier zu lesen ist. Ansonsten haben wir einen Experten (@finer) der dir bestimmt helfen und einen Kostenvorschlag machen kann wenn du weitere Anpassungen im Theme brauchst.

---
Habt ihr auch den Shop auf die Weihnachtssaison und den Winterschlussverkauf umgestellt? Jetzt ist die Zeit wo Online Shopper nach 🎁 oder Schnäppchen 👀!
 

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

[Finer · Accepted solution]

@nicobalik das hängt damit zusammen, dass der Button sich die Primär-Farbe aus den Theme-Einstellungen verwendet. Diese scheint den Farbwert #202020 zu haben. Wenn du auf der Produktseite in den Benutzerdefinierten CSS der Sektion Folgendes hinterlegst, sollte der Button wie auf der Hauptseite erscheinen:

.button--primary{
background-color:#fff;
color:#202020;
}

.button--secondary{
border:2px solid #fff;
color:#fff;
}

Man muss berücksichtigen, dass wenn der DCB aktiviert ist, dass dieser die primäre Farbe erhält. Daher kannst du auch die Werte der jeweiligen (.button--primary & .button--secondary) Klasse tauschen.

[nicobalik]

@Finer  Vielen Dank Dir! 

Im Warenkorb würde ich es gerne auch überschreiben. Könntest du mir den Button dazu mitteilen? Dann könnte ich es ja auch wieder überschreiben oder?

[Finer]

@nicobalik die CSS Anpassung wäre hierfür:

.cart__checkout-button{
 background-color:#fff;
 color:#202020;
}

Das müsstest du in den Theme-Einstellungen in die Benutzerdefinierte CSS eintragen.