New to the community? Start here

How to add images to categories

I have the Directory plugin, with it’s default theme, up and running. I have categories in a grid on the front page. How do I add an image to each category box?

Wed, 3 Jul 2013 15:52:35
  • Patrick Cohen
    • Technical Docs Wrangler

    Hi @Graeme

    Welcome to the forums!

    Unfortunately, that is not a built-in feature of this plugin as yet.

    However, you can do it via jQuery or CSS by adding a background image to the link in each grid list item. It is a bit tricky because the list items don’t have any specific classes or IDs to identify them.

    See this little tutorial for examples of how to apply the technique to a span element. Simply replace the references to span with li to designate the list items in the grid.

    http://krasimirtsonev.com/blog/article/css-selecting-specific-child-nth-selector

    If you need more help with this, just post again with a link to your grid page, and I’ll try to whip up something more specific for you.