Hello, please help me to have the same button add to cart with icon like in the screenshoot bellow, all over the site, in the sense of grid loop, carousel etc… at the moment it’s ok only when I enter the single product.
I have this code css and it is ok, but i want to be the same for all add to cart in the site, not only for single product add to cart.
body .single_add_to_cart_button:before {
position: absolute;
inset-inline-start: 0;
content: “\f105”;
font-family: “woodmart-font”;
opacity: 1;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
background-color: #E84744;
transition: all .3s ease;
}
body .single_add_to_cart_button:after {
inset-inline-start: 20px;
}
body .single_add_to_cart_button.loading:before {
color: transparent;
}
body .single_add_to_cart_button {
padding-inline-start: 60px;
}
body .single_add_to_cart_button:hover:before {
background-color: red;
}
Thank you
Attachments:
You must be
logged in to view attached files.
.
