ROZWIĄZANE Ujednolicenie wyglądu przycisku "Do koszyka"

Witam,
jak można ujednolicić wygląd przycisku "Do koszyka"?
Obecnie są dwa rodzaje przycisków - jeden w liście produktów, a drugi w modułach, np. polecane produkty. Chciałbym wszędzie mieć taki sam przycisk, najlepiej ten z listy produktów z ikonką koszyka. Szablon RWD.

pozdrawiam
Wojciech

 

Chodzi Ci o to aby tylko ikonka była? one są w sumie takie same tylko różnią się ikonką.

 

W tym przyciskach z modułów typu polecane produkty brak ikonki koszyka i jest inny krój pisma. Chciałbym je mieć jednakowe, najlepiej takie jak te z ikonką koszyka .

 

Mój sklep sklep1681458.home.pl w trakcie budowy. Byłem pewien, że dodałem ten adres do sygnaturki...

 

Trochę sobie pomogłem,
wstawiłem do własnego css

Kod:

.btn.btn-red {
  font-size: 1.1em;
  font-weight: bold;
}

.btn.btn-red:hover {
  background-color: #fff;
  border: 1px solid #900;
  color: #900;
}

dzięki czemu uzyskałem ten sam krój pisma, na przycisku do koszyka w modułach, jak ten na liście towarów. Takie same są teraz również kolory tych przycików po najechaniu na nie myszą. Niestety są cały czas mniejsze od tych ze środka strony nie mają ikonki koszyka.
Czyli pytanie na teraz - jak wstawić ikonkę koszyka do przycisków Do koszyka znajdujących się w modułach bestsellery, polecane produkty i ostatnio oglądane?

pozdrawiam

--
https://sklep1681458.home.pl

 

tu już musisz edytować pliki templatki, jak Ci nikt nie pomoże, a ja znajdę chwilę to Ci napiszę co należy zmienić.

 

Wczoraj grzebałem trochę nad moim testowym szablonem, ale wreszcie się poddałem. @TheL spróbuj proszę w wolnej chwili to opisać, chętnie sprawdzę co trzeba w tym przypadku poprawić, bo mi to spokoju nie daje .

 

a jednak udało się bez grzebania w tpl
wgrywany do własnych obrazków obrazek z załącznika

Kod:

.btn.btn-red {
  font-size: 1.1em;
  font-weight: bold;
}

.btn.btn-red:hover {
  background-color: #fff;
  border: 1px solid #900;
  color: #900;
}

.addtobasket img {
background: rgba(0, 0, 0, 0) url("/skins/user/NASZA_NAZWA_SKORKI/images/user/bask.png") no-repeat scroll 0 0;
display: inline-block;
height: 21px;
width: 23px;
}

i gotowe

 

efekt:

 

To jeszcze dopisałem kilka linijek kodu, żeby również po najechaniu kursorem myszy te przyciski jednakowo wyglądały.
U mnie jest tak:

Kod:

.btn.btn-red {
  font-size: 1.1em;
  font-weight: bold;
  width:130px;
  height: 44px;
  padding:10px;
}

.btn.btn-red:hover {
  background-color: #fff;
  border: 1px solid #900;
  color: #900;
}

.addtobasket img {
background: rgba(0, 0, 0, 0) url("../images/cart-white.png") no-repeat scroll 0 0;
display: inline-block;
height: 21px;
width: 23px;
}

.addtobasket:hover img {
background: rgba(0, 0, 0, 0) url("../images/cart-green.png") no-repeat scroll 0 0;
display: inline-block;
height: 21px;
width: 23px;
}

I dziękuję za pomoc

 

a no tak, nawet nie patrzyłem po najechaniu
jak widać okazało się to prostsze niż się wydawało