WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. sandylea
    Member
    Posted 1 year 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.

    http://wordpress.org/extend/plugins/collapsing-categories/

  2. Ben Andersen
    Member
    Posted 1 year ago #

    Hey Sandylea,

    Have you found a solution?

    If nothing else you can change directly in the file:
    collapsCatStyles.php

    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!

    BR,
    Ben

  3. Larry McCauley
    Member
    Posted 1 year 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!

    Larry

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.