Hi,

The image url you have provided is not valid and returns 404 (not found). You can try with some of your payment type icons e.g. and everything shows just fine.

Best,
ThemeBurn team

Glad we’ve helped, mate

The icons fit really nice in your menu!

Best,
ThemeBurn team

• This reply was modified 3853 days ago by  TB Support.

Hi,

Thanks to the great support of the Shoppica crew i’m now able to help you. Follow my underneath instruction and you’ll end up with icons in front of your categorie names in the navigation bar.

1.) Add underneath code to the stylesheet area in your Shoppica admin panel.

#CATEGORY_ID > a {
  text-indent: 20px;
  background: url(ICON_IMAGE_URL) no-repeat 10px 50%;
}

2.) Search for your category ID by going to your website and then click with your right mouse button on to the category were you want to have a icon in front and then hit ‘Inspect Elements’ this is a option to see the coding of a website. When in this option search for the:

id="menu_75"

#menu_50 > a {
  text-indent: 20px;
  background: url(ICON_IMAGE_URL) no-repeat 10px 50%;
}

3.) If you’ve uploaded the image to your database now the only thing you need to do is put in the correct url. It should be something like underneath. Please be aware that you need to put in a icon that not is too big for the navigationbar. You can now adjust the place of this icon by playing with the px in the stylesheet code. To check which url you need you can easily put the icon in your payment images first and copy the url from here of you website.

This is an example of how it should look like at the end :

#menu_50 > a {
  text-indent: 20px;
  background: url(http://www.shoppica.net/image/data/Payments/visa_electron_straight_32px.png) no-repeat 10px 50%;
}

Questions? Let me know!

• This reply was modified 3836 days ago by  Rovara.

@Rovara

Thanks for your help, man

Best,
ThemeBurn team