Styling Parent Cats

  • Resolved rene-michaels

    (@rene-michaels)


    1 year, 4 months ago

    Thanks for a great plugin! Are you still supporting it? If so…

    Question, I’m using the CSS below to display my list of categories, but I would like the PARENT categories to be displayed as bold text. Can you help?

    .categories{
    column-count: 5;
    column-gap: 50px;
    }

    Next, how would I go about insetting the child categories (by number of pixels) under their parent?

Viewing 1 replies (of 1 total)
  • Plugin Author Fernando Briano

    (@fernandobt)

    10 months, 2 weeks ago

    Hi, yes, the plugin is still being supported.

    To have the parent categories displayed as bold text, I came up with something like this:

    .cat-item {
      font-weight: bold;
    }

    ul.children .cat-item {
      font-weight: normal;
    }

    I think you could also solve this by using the :not operator to select li items with the .cat-item class, that are not children of children.

    For your second question:

    ul.children {
      padding-top: 20px;
    }

    This code will add 20px between the parent categories and their children.

Viewing 1 replies (of 1 total)

The topic ‘Styling Parent Cats’ is closed to new replies.