''add to cart'' upon hovering on the image and then when going off it disappears

lakef
Visitor
2 0 0

I try to add code in theme.liquid, button is where I want, but color, border, size isnt changing. Also my products aren't clickable after these changes.

I want to make add to cart button - reduce height, make it transparent, take of border

Thanks

Code which I use - <style>
.card-wrapper.product-card-wrapper {
position: relative;
}
.card-wrapper.product-card-wrapper .card--standard > .card__content {
position: relative;
display: flex;
flex-direction: column;
}
.card-wrapper.product-card-wrapper .product-image {
position: relative; 
}
.card-wrapper.product-card-wrapper .quick-add {
position: absolute;
width: 80%; 
height: 40px; 
bottom: 90px; 
display: none;
padding: 0px; 
text-align: center;
border: none;
border-radius: 5px; 
}
.card-wrapper.product-card-wrapper:hover .quick-add {
display: block;
}
</style>

 

Replies 3 (3)

kaiyaa
Explorer
254 19 24

Hello @lakef 

Can you please share your store link

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
lakef
Visitor
2 0 0
kaiyaa
Explorer
254 19 24

@lakef 

I have checked buttons are showing properly

kaiyaa_0-1716568452108.png

 

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me