Change quick add cart icon2

How do I customize the add shopping cart icon style in the lower right corner of the product

screenshot. image link

Hi i26980999,

Thanks for reaching to us.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

This is my website link

Hi i26980999,

Thanks for the link.

You want to change the basket icon to the eye icon? If so, please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

.wd-add-btn.wd-add-cart-icon>a:before {
    content: "\f11a";
}

Regards,

I want to change the add to cart style to another style… Not the eyes, not the eyes…

Hi i26980999,

Provide me with the mockup of the styles that you try to achieve and we’ll send proper instructions.

Thanks for your patience.

Regards,

This is probably the style of the quick add shopping cart icon

https://prnt.sc/AonxITj4p331

https://prnt.sc/jvlbjwYldpzc

Log in to background connection

Help me replace this eye with a magnifying glass. Thanks

Hi i26980999,

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

.wd-product.product-type-simple.outofstock a.product_type_simple:before, 
.wd-product .product_type_grouped:before {
    content: "\f130";
}

.wd-product.product-type-simple.instock a.product_type_simple:before, 
.wd-product .product_type_grouped:before {
    content: "\f130";
}

Regards,

I sent two requests in a row so you didn’t understand. I want to change the shopping cart icon to something like the one in my picture.
Similar ones can also be

Hi i26980999,

In the previous message, you asked me to help you to replace eye icon with magnifying glass, please double check.

Regards,

One is the eyes replaced with a magnifying glass and the other is the shopping cart replaced with a basket style

.wd-product.product-type-simple.instock a.product_type_simple:before,
.wd-product .product_type_grouped:before {
content: “\f130”;
} This code how can i change my own uploaded png image as icon. Thanks

Hi i26980999,

Please remove previous code and use below one:

/* Replacing eye icon with magnifying glass */
.wd-product.product-type-simple.outofstock a.product_type_simple:before, 
.wd-product .product_type_grouped:before {
    content: "\f130";
}

/* Replacing shopping cart icon with basket */
.wd-product.product-type-simple.instock a.product_type_simple:before, 
.wd-product .product_type_grouped:before {
    content: "\f126";
}

I kindly recommend you to use font icons for better display.

Regards,

[Author]

Posts