Split: Help with icons

Hello, is possible to add a custom icon to replace the Add to Cart icons such as you’re able to do for the shopping cart icon in the navbar?

If so, please let me know the code. I have tried inserting the image link in

content: “\image-icon.png”;

but it doesn’t seem to work.

Thanks in advance.

Hello,

Please filter-free icons and chose the icon you want to replace the add to the cart button. Please provide the icon URL and your page URL I will provide custom CSS.

Best Regards

Hi, here it is below. Thank you.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

 body .woodmart-hover-base:not([class*=add-small]) .wd-bottom-actions .add-to-cart-loop:before {
    content: "";
	 background-image:url(https://wordpress***************com/wp-content/uploads/2020/05/box-v2.png);
	 background-position: center center;
	 background-size: 40% 80%;
	 background-repeat:no-repeat;
}

Insert the image URL correctly.

Best Regards

Thank you so much!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

Hello, the weirdest thing is happening.. When I go to responsive view mode and refresh, the Add to Box purple button dissapears and this loads instead. How do I prevent this? If not, can you please just give me the css to change the cart icon to a personal icon. View screenshots below.

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Yes, that is right. Instead of a big button, a little button with an icon appears to fit the narrow width of mobile screen.

Best Regards

Hello, you missed the second part of my question. Can you please help me change the cart icon to customize it. Thanks.

Hello,

Please find the icon which you want to add in https://fontawesome.com/icons?d=gallery amount free icons, then provide icon URL and page URL were to replace, I will provide custom CSS.

Best Regards

It’s a custom svg icon. Attached in private area.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

body .wd-action-btn.wd-add-cart-btn>a:before {
    content: "";
}
body .woodmart-hover-base[class*=add-small] .wd-bottom-actions .woodmart-add-btn {
		background-image:url(https://****apps.com/wp-content/uploads/2020/05/box-v2.png);
	 background-position: center center;
	 background-size: 40% 80%;
	 background-repeat:no-repeat;
}

Best Regards

Hello, i also need help with this. It is missing the add to box icon.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL.

Best Rest Regards

it’s in mobile/responsive view. Relation products section.

Hello,

This button is transparent on your site https://prnt.sc/t5951v

Please deactivate all the plugins not related to the theme and check the issue, if the problem remains, leave the plugins not activated and provide the site admin access to the private area.

Best Regards

[Author]

Posts