Return to previous page

How to change empty basket image? - by jiaqing

This topic has 9 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Jack Richardson

jiaqing

Participant

February 22, 2016 at 17:24

Hi,

I would like to change the “icon-shopping-cart” image when the cart is empty, as I don’t find its location.
How is the way to change / find it?

Thanks in advance!
Gilles.

#114261 Copied

8 Answers
Robert Hall

Support staff

February 22, 2016 at 17:41
Hello,

This is a FontAwesome icon – http://fortawesome.github.io/Font-Awesome/icon/shopping-cart/

If you want to change it for own image you can try to add the following code in custom.css
```
.icon-shopping-cart:before{
display:none;
}
```
```
.empty-cart-block i {
    background-image: url(http://www.galasxy.com/wp-content/uploads/2016/02/logo.gif);
    background-repeat: no-repeat;
    background-position: center;
}
```
url(http://www.galasxy.com/wp-content/uploads/2016/02/logo.gif) – here should be the link to your image.

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#114266 Copied
jiaqing

Participant

February 22, 2016 at 18:28

Thanks,

I use this image
http://www.galasxy.com/wp-content/uploads/2016/02/logocart.gif

The initial black and white logo dissapear but the new image doesn’t load…

Any solution?

Thanks!
Gilles.

#114279 Copied

jiaqing

Participant

February 22, 2016 at 20:25

and if I delete

.icon-shopping-cart:before{
display:none;
}

the 2 images are displaying…

Gilles.

#114299 Copied

Jack Richardson

Support staff

February 23, 2016 at 08:50

Hello,

Please provide us with WP dashboard and FTP (FTP host, FTP user, FTP password) credentials in private content.

Best regards,
Jack Richardson.

#114334 Copied

jiaqing

Participant

February 23, 2016 at 09:11

Thanks,
please find the credentials in private content.
Gilles.

Please, contact administrator
for this information.

#114344 Copied
Jack Richardson

Support staff

February 23, 2016 at 11:18
Hello,

I’ve changed previously provided css code to the following:
```
.icon-shopping-cart:before{
content: url(http://www.galasxy.com/wp-content/uploads/2016/02/logo.gif);
}
```
Please clear browser cache and check the site.

Best regards,
Jack Richardson.
#114370 Copied
jiaqing

Participant

February 23, 2016 at 11:38

It works, thank you very much!
Gilles.

#114371 Copied

Jack Richardson

Support staff

February 23, 2016 at 12:09

Hello,

You are welcome!

We would be thankful if you leave a review on Theme Forest site http://themeforest.net/item/the-leader-ecommerce-responsive-mpurpose-theme/5493981/comments

Best regards,
Jack Richardson.

#114380 Copied
Viewing 9 results - 1 through 9 (of 9 total)