ROZWIĄZANE Zmiana koloru przycisku "Do koszyka"

Witam,

próbuję zmienić kolor przycisku "Do koszyka" na stronie produktu z szarego na zielony.
Próbowałam kodu:

.btn.btn-red {
background-color: #00B000;
}

oraz

.addtobasket.btn.btn-red
{
background-color: #00B000;
}

niestety bez skutku. Przy inspekcji w przeglądarce (Zbadaj element) wygląda tak, jakby styl był nadpisywany na ten z szarym tłem.

Sklep matrek.pl

pozdrawiam
Ania

 

ostatecznie można kod umieścić we własnych integracjach przed </body> umieszczając go dodatkowo w znacznikach <style></style> nadpisze on wcześniejsze style.

 

@Anka1000 sprawdziłem Twój sklep i wygląda na to, że podane przez Ciebie kody działają prawidłowo:

Kod:

.btn.btn-red {
  background-color: #00B000;
}
.addtobasket.btn.btn-red
{
   background-color: #00B000;
}

.btn.btn-red:hover {
  background-color: #00B000;
}

Jeśli masz wrażenie, że kod CSS jest nadpisywany, to możesz również dodać parametr !important, aby wymuszać dany styl. Przykład poniżej:

Kod:

.btn.btn-red:hover {
  background-color: #00B000!important;
}

 

@Mariusz dziękuję.
Będę testować.

 

Kod niestety nie działa dobrze gdyż nie zmienia koloru głównego przycisku Koszyk oraz wszystkich przycisków na na stronach kart produktów.
Interesuje mnie kod który zmieni kolor wszystkich przycisków Koszyk i na każdej stronie.

Edit: c.d w wątku: https://forum.home.pl/threads/jak-zmienic-kolor-przycisku-koszyk.1666/