Icons for layered navigation « Support Forum | Kriesi.at

Icons for layered navigation

4 posts from 2 voices

Tags:

iamspud5
Member

Hi, is there a way to embed an image beside the heading for the layered navigation widget - or to embed an image/icon for the specific attributes themselves. For example, on my site http://www.rattlethebox.com/?post_type=product, I have three attributes (Explore, Connect, Lifestyle) and I would like to link an icon beside each of them - is there a line of code I can add to allow this?
Thanks a lot, Spud

Posted 9 months ago #
Ismael
Moderator
Hello,

I think you can do that by doing this on your custom.css. You need to inspect each widget and find the specific id for each. In this case, we are editing the Explore.
```
#woocommerce_layered_nav-2 .widgettitle {
padding-left: 20px;
background: url() no-repeat left;
}
```
You need to position the background image or icon on the left side of the text, padding can be fairly helpful with this.

Regards,
Ismael
Posted 9 months ago #
iamspud5
Member

Awesome that worked perfect! Thanks a lot :) You guys have the best support team out there.

Posted 9 months ago #
Ismael
Moderator

Hello,

Glad that we could help. :)

Regards,
Ismael

Posted 9 months ago #

This topic has been closed to new replies.