[Tutorial] Bolded Category Names, (Not Sub Categories)

[chewyluke]

I've been looking around the forums trying to figure out how to fix the dropdown search for Categories on Bender, (I use Bender I do not know if this will work on any other theme).

After piecing together different suggestions from various members, this is what I've been able to do.

***NOTE*** This does appear differently in various browsers. The categories will be bold in Firefox, but in Chrome and IE the categories will be a different color, (that's good enough for me unless anybody can fix that).

Open /oc-content/themes/Bender/css/main.css

At the very end of the css, add this. You'll have to edit the child #number values to match your own categories.

Code: [Select]

#sCategory { background-color: #ff0; }

option:nth-child(2), option:nth-child(4), option:nth-child(10), option:nth-child(16), option:nth-child(21), option:nth-child(26), option:nth-child(32), option:nth-child(37), option:nth-child(43), option:nth-child(62) {
    font-size: 14px;
    color: blue;
    font-size: 16px;
    font-weight: bold;
}
The first image is Firefox result, the second image is IE and Chrome result

[design]

good puzzle you put together :-)

try font-weight 100 or 200 or 300 upto 900

[chewyluke]

Thanks @design. I saw a lot of different people asking about it, and I too wanted to change it. This did it.

I tried all variations of font weight. Nothing changes in IE, Chrome or Safari. It's just the different color not bold. So I just set to bold instead of number.

[chewyluke]

Everything I'm reading online about CSS bold definition all lead back to <DOCTYPE> and why bold will work in one browser but not others. But I check the <DOCTYPE> in header.php and it seems like it's correct.

[design]

depending on your theme, doctype could be in more then one file-besides the header.

thanks for the heads up, I never knew that. I thought html5 was supposed to have been accepted by all browsers -- sigh 

[Pavanc]

Use funtion.php file. It's simple method.

[dev101]

This is an ongoing issue users were asking on Google's forums for years, it does not fully support custom dropdown list styles, while Firefox has a full support (and seems the only browser that does as far as I tested some other less known).

[jkachhara]

how can we change the color for sub-sub category???