The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Add to cart button change design Reply To: Add to cart button change design


I put this code in the stylesheet
.btn-default {
transition: 0.4s;
color: #fff;
background-color: # 303030;
text-transform: uppercase;
position: relative;
padding-right: 52px
And this
.fa-shopping-cart {
position: absolute;
right: 0px;
top: 0px;
padding: 9px 12px 7px 10px;
background: red;
height: 100%;
font-size: 130%;
Now it does
I want to show you how you did
Just below and the sides to be full

There was another problem after I introduced it
.fa-shopping-cart {

It came out like this

I got the following explanation
And for header you need to use another font awensome icon, or you can leave same fa-shopping cart icon, and change only for product….with fa-shopping-bag or another..

The css code you gave me did not work

Thank you