Neu Warenkorb Button Farbe bei Hover wechseln

[Paulina_nana]

Hallo,

ich habe folgendes Problem: ich möchte gerne den Warenkorb-Button auf der Artikeldetailseite so bearbeiten, dass beim Berühren die Farbe wechselt. Ich habe dies mit

button.submit.btn.btn-primary :hover {
background-color: #721616;
}

probiert. Leider verändert dich dadurch beim Berühren nicht der gesamte Button sondern nur der Hintergrund direkt hinter der Schrift. Kann mir da jemand helfen?

Artikeldetailseite: https://alpamayo-taschen.de/Anzugtasche

Vielen lieben Dank
Paulina

 

[Mirko.Schmidt User deaktiviert]

Hier ist zumindestens schonmal ein Leerzeichen zu viel

button.submit.btn.btn-primary :hover {
background-color: #721616;
}

das :hover muss an .btn-primary direkt ran

button.submit.btn.btn-primary:hover {
background-color: #721616;
}

 

[IchBinEs]

Gilt das nicht nun für alle Button?

 

[Paulina_nana]

lag daran! Vielen Dank wundert mich nur, dass es dann überhaupt beim Berühren zu einer Änderung kam..

 

[Mirko.Schmidt User deaktiviert]

@muenster ja für alle die Buttons die die oben genannten Klassen haben.

 

[FPrüfer]

...wundert mich nur, dass es dann überhaupt beim Berühren zu einer Änderung kam..

Weil es innerhalb des Button noch ein span-Element gibt.
Wenn wirklich nur der Warenkorb-Button geändert werden soll, dann müßte der Selektor besser '#add-to-cart button:hover' sein.