WordPress › Support » Can't find answer: how to make only parent category bold?

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

chaoskaizer
Member
Posted 1 year 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}

tierzero
Member
Posted 1 year 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
Member
Posted 1 year 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
}
```
tierzero
Member
Posted 1 year 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....
tierzero
Member
Posted 12 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.

Topic Closed

This topic has been closed to new replies.