ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• September 19, 2015 at 2:55 pm #214714
  rileyiwilliams

  Member

  Post count: 39

  Hi,

  I was wondering if it’s possible to use a Font Awesome icon instead of the default bag/lock icon, as this would be better on Retina than a .png.

  fa-shopping-cart

  Thanks

  September 21, 2015 at 10:09 am #214890
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart:before{
  font-family:FontAwesome !important;
  content: "\f07a" !important;
  background:none !important;
  }

  Thanks
  Mohammad

  September 21, 2015 at 10:13 am #214892
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option

  i.sf-cart:before {
      content: "\f07a";
      font-family: Fontawesome;
  }
  
  .menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart {
      background: none!important;
  }

  Hope it works.

  -Rui

  September 21, 2015 at 11:52 am #214958
  rileyiwilliams

  Member

  Post count: 39

  Thanks for that Mohammad & Rui.

  Just for anyone wanting to copy this, use Rui’s code and then add padding-right:7px.

  Cheers.

  September 21, 2015 at 12:01 pm #214966
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  We are glad that your issue resolved. Great thanks to Rui.
  Thanks
  Mohammad

  September 21, 2015 at 1:03 pm #215013
  rileyiwilliams

  Member

  Post count: 39

  Actually, if you look at my site (hereboy.com.au) the icon isn’t centred vertically. What css should I change to move it up a little bit?

  Thanks.

  September 21, 2015 at 2:32 pm #215069
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart {
      vertical-align:0px !important;
     font-style:normal !important;
  }

  Thanks
  Mohammad

  September 23, 2015 at 8:28 am #215613
  rileyiwilliams

  Member

  Post count: 39

  Thanks for that Mohammad.

  I’d like to say that you guys provide the best support out of any theme I’ve used, and as a result I always try to add one of your themes when providing clients with a shortlist.

  Thanks.

  September 23, 2015 at 8:32 am #215615
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Thanks for your kind words. Glad 🙂 to help you.
  Mohammad

• Back to forum

  Posted in: Neighborhood