Change icon in the on the cart panel

Hi,

Is there an option to change the icon you see on the screenshot attached?
Thanks for the help!
Best regards,

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the icon and I will provide the CSS for you.

Best Regards

What format and size should the icon have? Svg?

Thanks!

Hello,

There iare no requirements, the SVG should be as per your needs. You can take any demo SVG and make yours on their base.

Best Regards

Hi,

Ok thanks for the quick answer.
Please find the image link in the private area.

Kind regards,

Hello,

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

body .cart-widget-side .widget_shopping_cart .empty:before {
content: "";
width:100%;
height:100px;
background-image:url(https://jacptstr.imsc-services.com/wp-content/uploads/2020/10/JUNA_favicon.svg;)
bacground-size: contain;
background-position:center center;
background-repeat: no-repeat;
}

Best Regards

Hi,

The code does not work. The image is not showing.
I also tried with another image with another size.
Thanks.

Hello,

Please provide your site admin access to the private area.

Best Regards

Hi,

Ok. Thanks.
kind regards.

Hello,

Please replace the code with this one:

body .cart-widget-side .widget_shopping_cart .empty:before{
content: " ";
	width:64px;
	height:64px;
background-image:url(https://jacptstr.imsc-services.com/wp-content/uploads/2020/10/JUNA_favicon.svg);
background-size: cover;
background-position:center center;
background-repeat: no-repeat;
margin:20px  auto;
}

Best Regards

[Author]

Posts