Collapsing Categories
custom styling - hover color and custom images (3 posts)

  1. sandylea
    Posted 4 years ago #

    Thanks to Mr Felty for a wonderful plugin. I just have a few styling questions and I'm hoping someone is kind enough to help me a bit. I'm not strong with CSS so the more specific you are the better. I'm looking to style my categories similar to how Mr Felty has it set up on robfelty.com. I would like to replace the default double arrow (used for a category without subcategories) with a square or round bullet and also add a hover color so that visitors understand that they should click to view the category or subcategory. I am currently using the Kubrick style with the triangle icons. Thanks so much for any help you can offer.


  2. Ben Andersen
    Posted 3 years ago #

    Hey Sandylea,

    Have you found a solution?

    If nothing else you can change directly in the file:

    For instance, here is the double arrow, just change the content to what you like:
    {ID} li.collapsing.categories.item:before {content: '\0BB \0A0' !important;}

    For link styling you can do like this:

    /* link styles */
    #collapscat-2 li a { text-decoration: none; }
    #collapscat-2 li a:hover { text-decoration: underline; color: green; }

    Hope it helps! I think this is a great plugin! Kudos to the author!


  3. Larry McCauley
    Posted 3 years ago #

    Hello Ben, thank you for your answer above, I was hoping you (or someone else) could be so kind as to tell me exactly where the link styling goes in collapsCatStyles.php.

    Thank you very much!


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Collapsing Categories
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.