Reply 325288 to: Customize cart button on the homepage – Add label button

Avatar: Rose Tyler
Rose Tyler
Support staff
June 7, 2022 at 13:24

Hello,

Change the previous code to:

.products-loop .content-product .quantity-wrapper {
flex-wrap: wrap;
justify-content: center;
}
.products-loop .content-product .quantity-wrapper .quantity {
flex-basis: 100%;
margin: 0 0 10px;
}
.products-loop .content-product .quantity-wrapper .button {
font-size: 14px;
padding: 9px;
}
.products-loop .content-product .quantity-wrapper .button[aria-label]:after {
content: 'Add To Cart';
position: static;
background: transparent;
color: currentColor;
max-width: unset;
padding: 0;
font-size: inherit;
box-shadow: none;
overflow: visible;
margin-inline-start: 7px; transform: none;
}
.products-loop .content-product .quantity-wrapper .button[aria-label]:not(:hover):after {
opacity: 1;
visibility: visible;
transform: none;
}

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.