Make Parent Categories BOLD in woo product categories dropdown

[wowflak]

Hi
I am trying to make the parent categories BOLD in this woo product categories dropdown. No matter what I try in the css I come up empty. Page can be seen here:

Artists | Concord Records

Thanks

[friech]

Hi There,

Thank you for writing in, please add this to Theme Options > CSS

.widget_product_categories .dropdown_product_cat .level-0 {
	font-weight: 700;
}

Hope it helps,
Cheers!

[wowflak]

Hi,
That did not work, see here:
http://concordrecords.staging.wpengine.com/product/cry-no-more/
Thanks

[thai]

Hi There,

The parent categories are BOLD now:

Could you please send us with your screenshots?

Thanks.

[wowflak]

Weird, not working for me. I am using the latest version of Chrome on a up to date Mac. See screenshot.
Thanks

[rad]

Hi @wowflak,

It’s how MAC renders the input fields especially the select dropdown field. Please check this https://stackoverflow.com/questions/23040305/how-to-apply-css-to-a-mac-chrome-select-box

And looks like you’ll need more CSS just to implement it. You may need to check this https://theme.co/apex/forums/topic/dropdown-menu-styling-in-safari/ and implement the sample CSS.

Thanks!

[wowflak]

Thanks, I tried the first suggestion and it does not work. I also tried the second suggestion, not sure I did it right. Still does not work.
Thanks

[ruenel]

Hey There,

Please understand that the OSX and Windows will have a different look and feel rendering of the select and option element. You might be interested in this article: https://css-tricks.com/dropdown-default-styling/

Thanks.