Some CSS help hiding categories on the front-end dropdown menu

Hey. I’m wanting to hide certain categories from the front-end users in the category-dropdown widget. I have a good 20 categories or so which are only for Authors and don’t need to be shown (and are unnecessary for regular users)

I was trying this code for a single category, but it wasn’t quite working. Is my syntax off? Also, how would I do that for multiple categories?

input#editor-post-taxonomies-hierarchical-term-672,
input#editor-post-taxonomies-hierarchical-term-672 + label {
display: none;
}

Hello Peter,

Thanks for posting in!

Are you referring to this widget?

You may use this code:

.DisplayCategoriesWidget option[value*="710"],
.DisplayCategoriesWidget option[value*="664"] {
    display: none;
}

Please do not forget to change the values which would be the ID of the category that you do not want to display.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.