Shopping cart icon

[muranoeyewear]

Hi
I was just wondering if there is a way of changing the shopping cart icon from the bag to a cart?

Thanks a lot

Ryan

[Kyle – SUPPORT]

Hi

Yes, you’ll need to upload your own image for the cart then add this to your custom css:

.menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart {
  background: url("images/shopping_bag_icon.png") no-repeat scroll left top transparent;
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  vertical-align: -3px;
  width: 14px;
}

Change the url to your image url

– Kyle

[muranoeyewear]

This reply has been marked as private.

[muranoeyewear]

This reply has been marked as private.

[Kyle – SUPPORT]

Change it to this:

.menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart {
  background: url("http://ircookie.byethost17.com/wp-content/uploads/2014/12/shopping-cart1.png;") no-repeat scroll left top transparent;
  display: inline-block;
  height: 16px;
  margin-right: 0;
  vertical-align: -3px;
  width: 14px;
  background-size: 16px;
}

Just added the background size property for you as you uploaded a 50×50 image

– Kyle

[muranoeyewear]

This reply has been marked as private.

[Kyle – SUPPORT]

Try this:

.menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart {
  background: url("http://ircookie.byethost17.com/wp-content/uploads/2014/12/shopping-cart1.png;") no-repeat scroll left top / 21px auto transparent;
  display: inline-block;
  height: 21px;
  margin-right: 0;
  vertical-align: -3px;
  width: 21px;
}

– Kyle

[muranoeyewear]

Hi Kyle

Thanks a lot that’s exactly what i wanted.

Great Support as always

Thank you

Ryan

[Kyle – SUPPORT]

No problem 🙂