[Mitch]

Hey Steve,

I know you are tweaking Widget Pack for a future update, but I thought I’d ask again (but in a different way) :) about hiding categories.

Can some variation of this work?

li.active-result.cn-cat-level-1 data-option-array-index=”12″ {
display: none !important;
}

Where the item number 12 is what I want to hide, not the entire level 1.

I know that it’s not structured right, but before I spent too much time down the rabbit hole, I thought I’d ask if it was even technically possible.

Hope all is well. Thanks!

[Steven Zahm]

@ Mitch

Sure something like this would work … here’s a working example:

li.cat-item-12 {
    display: none;
}

Hope that helps you out!

[Mitch]

Hmmm, that would be super easy, (and make me feel silly for asking…lol) but it didn’t work.

Not sure if it matters, but I’m specifically looking to do this in the Select Category dropdown.

If I use

.chosen-results {display: none !important;}

obviously gets rid of all of them, and I figured out that

.chosen-results li.active-result.cn-cat-level-1 {display: none !important;}

gets rid of all the first level cats (leaving child cats), but I’m specifically trying to eliminate just two first level cats.

e.g. data-option-array-index=”12″

Thanks.

[Steven Zahm]

@ Mitch

Oh … in Chosen. It can be done with CSS, but anytime you add or remove a category, you’ll have to update the CSS. This is because the ID/s Chosen uses are created when Chosen enhances the select drop down.

I gave instructions to another user in another thread a little while back. here’s the link:
http://connections-pro.com/support/topic/getting-1-specific-catagory-for-forms/#post-294044

You can probably use the same method.

[Mitch]

Thanks for the direction. I wrestled with that code for a while before I realized the #cn-form referenced in that link needed to be .chosen-results for what I was working on…

I’m not going to profess to understand how I made this work, but

.chosen-results li.active-result:nth-child(n+11):nth-child(-n+12) {
    display: none !important;
}

works fine if I have consecutive numbers to be removed.

But if I wanted two non-consecutive numbers, I finally got this to work:

.chosen-results li.active-result:nth-child(n+3):nth-child(-n+3) {display: none !important;}
.chosen-results li.active-result:nth-child(n+8):nth-child(-n+8) {display: none !important;}

anyway, not sure how, but I’ll take it.

If you have a better way to do the above, please let me know.

Thanks for pointing me in a direction. I’m looking forward to the updated Widget Pack (and Locate, too) :).

Have a great day.

[Steven Zahm]

@ Mitch

I don’t think you need the second nth-child, but honestly … I’m still wrapping my head around usage. But hey, if it works, it works right :)

[Author]

Posts