Fix the shopping cart icon on the product compare page

https://xtemos.com/forums/topic/shopping-cart-spins-in-a-circle-when-i-try-to-place-an-order/

I want to help fix the shopping cart icon on the product compare page to be the same as this link.

This Image

Attachments:

You must be logged in to view attached files.

Hi kruajeng,

Thanks for reaching to us.

Please use below Custom CSS:

button.single_add_to_cart_button,
.wd-compare-table a.add_to_cart_button{
    font-size: 0;
}

button.single_add_to_cart_button:before,
.wd-compare-table a.add_to_cart_button:before{
    transform: translateY(0);
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 20px;
    transition: opacity .15sease, transform .25sease;
    content: "\f123";
    font-family: "woodmart-font";
}

button.single_add_to_cart_button.loading:before,
.wd-compare-table a.add_to_cart_button.loading:before{
    opacity: 0;
}

Regards,

Close Topic

[Author]

Posts