can’t apply css rule on grouped product

I cannot manage to apply the cart icon on an addtocart button in a grouped product.

.single_add_to_cart_button:before

In theme’s custom css I wrote:

.woocommerce-grouped-product-list-item__quantity.product-quantity .wd-tools-icon.plus_add.single_add_to_cart_button {display:inline-flex !important;}
.woocommerce-grouped-product-list-item__quantity.product-quantity button.wd-tools-icon:before {
content: “\f147a”;
font-family:”woodmart-font”;display:inline-flex}

The att-to-cart button appears plain green. It eems the selector is wrong

I also added a direct selector
.single_add_to_cart_button:before{ content: “\f147a” !important; font-family:”woodmart-font”; display:inline-flex !important;}

but it seems it is not even taken into account.

Cache is disabled.
t happens I migrated the site to a new server, and the icon disappeared

Hello,

By default, we do not have that button – https://prnt.sc/vnrSo6cG-lYL , could you please clarify how you have added it?

I await your response.

Kind Regards

Oh Yes you’re right
I added that button in functions.php

But I fixed it on my own. There was an unclosed quote Custom css so css was not working at all.

Thanks for your reply anyway.

Hello,

Thank you for updating us on the resolution of your issue. We’re glad to hear that you managed to fix the problem by correcting the unclosed quote in your custom CSS. If you encounter any further challenges or have any other questions, feel free to reach out to us.

Kind Regards

[Author]

Posts