Button Farbe ändern

Im 'zusätzlichen CSS' des Customizers mit folgendem Code:

.woocommerce .cart input.button{
  background-color: #deine_Farbe;
}
.woocommerce .cart .button {
  background-color: #deine_Farbe;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background-color: #deine_Farbe;
}

Hast du den Code in das 'zusätzliche CSS' im Customizer eingetragen?
Versuche dann mal, ob man mit !important etwas erreicht.

.woocommerce .cart input.button{
  background-color: #deine_Farbe !important;
}
.woocommerce .cart .button {
  background-color: #deine_Farbe !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background-color: #deine_Farbe !important;
}

Hast du die Seite mit dem zusätzlichen CSS Code online?

Prüfe bitte mal.... du hast die den Code innerhalb einer 'media-Query' eingefügt, dann wirkt der auch nur in dem Bereich, für den die 'media-Query' definiert wurde. In deinem Fall (max-width: 768px). Der Code soll ja für alle Bereiche gelten, also muss er aus der der Query raus und alleine stehen.
Außerdem fehlt in deinem Code die schließende geschweifte Klammer '}' hinter der letzten Anweisung der media-Query!

..... versuche mal nachfolgendes im Customizer in die Zusätzlichen CSS:

.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button  {
    background-color: #358709;
    border: 2px solid #333333;
}
.woocommerce table.shop_table td i {
    color: #358709;
}
.woocommerce-cart #content .woocommerce a.remove:hover {
    background: #358709;
    border: 2px solid #358709;
}

und auf Nebenwirkungen testen!!

PS.:
Für weitere Anfragen zumindest den Autoptimizer ausschalten!!!!

@Sailor56 - sorry fürs dazwischenfunken!!

In der Ansicht deines letzten Screen-Shots... da bis du ja genau in der Bearbeitungsmaske des zusätzlichen CSS.... siehst du doch links den Code, der im zusätzlichen CSS drin steht.
Dort ist auch eine media-Query eingefügt...

@media screen and (max-width: 760px) {


/*hier deine Formatierugen*/


}

Alles was da jetzt zwischen den { } wird nur ausgeführt, wenn die Bedingung 'max-width: 760px' erfüllt ist. Also wenn die Breite deiner Anzeige kleiner als 760px ist.

Anhand des Screenshots - da ist deine URL drauf! Seite Aufrufen und mit F12 (bzw Maus auf das Element - rechte Maustaste - Element untersuchen) und die Elemente durchsuchen - z.B. auf background-color: !
Siehe Video

Konkret -