Forums

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

#277193
dani555
Participant

Hello
Thanks for your information
But still does not work I added the css code I deleted from it but it does not appear.
When I put this code
container-card-button {
flex: 1;
display: flex;
align-items: center;
background: #0090e3;
color: #fff;
}

.container-card-button .icon-card {
font-size: 22px;
padding: 5px 8px;
}
.btn-default {
flex: 1;
}
.product-thumb {
padding-bottom: 0;
}

it looks like this
http://prntscr.com/l0yhk2

When I put all the css code
body {
font-family: ‘Open Sans’, sans-serif;
font-weight: 400;
background-color: #fff;
color: #666;
font-size: 12px;
line-height: 20px;
width: 100%;
}

.product-thumb {
border: 1px solid #ddd;
/padding-bottom: 10px;/
margin-bottom: 20px;
overflow: auto;
transition: all 0.4s;
}

.product-thumb .image {
text-align: center;
}

.product-thumb .image a {
display: block;
}

.product-thumb .image img {
margin-left: auto;
margin-right: auto;
}

.product-thumb h4 {
text-align: center;
}

.product-thumb h4 a {
color: #666;
}

h4 {
font-size: 15px;
}

a {
color: #0090e3;
}

p {
margin: 0 0 10px;
}

.product-thumb .price {
color: #444;
padding-bottom: 5px;
}

.container-card-button {
flex: 1;
display: flex;
align-items: center;
background: #0090e3;
color: #fff;
}

.container-card-button .icon-card {
font-size: 22px;
padding: 5px 8px;
}

.product-thumb .caption {
padding: 0 20px;
height: 51px;
}

.btn-default {
flex: 1;
transition: 0.4s;
color: #fff;
background-color: #303030;
text-transform: uppercase;
}
appears as here
http://prntscr.com/l0yivs

I deleted the .fa-shopping-cart code did not work properlti

Thank you