Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14669

    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

    #84410

    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

    #84411

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

    #84412

    Hello,

    Glad that we could help. :)

    Regards,

    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Icons for layered navigation’ is closed to new replies.