Can’t find answer: how to make only parent category bold?

  • Resolved tierzero

    (@tierzero)


    15 years, 5 months ago

    I’m trying to make parent categories in bold and child categories regular…

    I tried this code but it didn’t work:

    #sidebar .page_item a {font-weight:bold}
    #sidebar .page_item .page_item a {font-weight:normal}

    i also tried making it #l_sidebar instead of just #sidebar because i have a 3 column template…

    I just want the parent categories to stand out a lot more than the child categories because currently they don’t stand out at all ( http://www.thelaf.net/97/ )

    It’s kind of important for my lay-out that the parents stand out from the child categories…. ideally i also need the child categories pushed over (indented) a lot more but first things first, if i could just get the parents bold it would help a lot.

    Thanks in advance! (I know i’m an obvious newbie at this but I could still implement your advice if given…)

    -Jesse

    -Jesse

Viewing 5 replies - 1 through 5 (of 5 total)
  • chaoskaizer

    (@chaoskaizer)

    15 years, 5 months ago

    add inside your theme’s style.css

    /* parent*/
.widget li.cat-item{font-weight:700}
/* first children */
.widget li.cat-item .children li.cat-item{font-weight:400 !important}

    Thread Starter tierzero

    (@tierzero)

    15 years, 5 months ago

    it worked, thank you!

    is there anything i can add to this line below that you gave me, to make the child categories a bit more indented (pushed to the right?)…

    .widget li.cat-item .children li.cat-item{font-weight:400 !important}

    chaoskaizer

    (@chaoskaizer)

    15 years, 5 months ago

    u could use margin-left, padding-left or text-indent; like so

    /* first child list */
.widget li.cat-item .children{
 margin-left: 0.8em
}

    Thread Starter tierzero

    (@tierzero)

    15 years, 5 months ago

    thanks but how do i incorporate both these features? I tried adding what you just showed me in addition to the original 2 lines but it did not work. I then tried to add “margin-left: 0.8em;” in there but that didn’t work either….

    thanks for the quick responses so far and u can answer this simpleton question any time you want…take your time. i apologize for being so bad at css….

    Thread Starter tierzero

    (@tierzero)

    15 years, 4 months ago

    so this currently works to make the parent bold and child list normal:

    /* parent*/
    .widget li.cat-item{font-weight:700}
    /* first children */
    .widget li.cat-item .children li.cat-item{font-weight:400 !important}

    but what would i replace this with to incorporate your “margin-left” code below:

    /* first child list */
    .widget li.cat-item .children{
    margin-left: 0.8em
    }

    I tried just adding it to the style.css on top of the other stuff but that didn’t work.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can’t find answer: how to make only parent category bold?’ is closed to new replies.