[Resolved] Taxonomy filter, every selection his own class

[Author]

Posts

[robertv-3]

I created a filter with [wpv-control-post-taxonomy taxonomy="workshopcategorien" type="radios" default_label="Alle lijnen" url_param="wpv-workshopcategorien" output="legacy" class="cats" label_class="catslos"]

In the front it looks like:
hidden link
Pass: New
Starts with "Alle lijnen" in red, I want all the taxonomies to have there own backgroundcolour.
And also the outcome like the title "Van Inactief naar In actie!" i want to give them a different colour depending on there taxonomie.

Is that possible?

[Shane]

Hi Robert,

Thank you for contacting our support forum.
You should be able to do this by following the example below using the nth-child css selector.
hidden link
Please let me know if this helps.
Thanks,
Shane

[robertv-3]

I think that your answer will work in the first question, to give every taxonomie his own colour.

But not on the second, because there I don't know what the order will be, that depends on what people are clicking/selecting?!

[Shane]

Hi Robert,

For your second question, i'm not sure I understand this fully. The solution I provided was to change each individual color.

Thanks,
Shane

[robertv-3]

Yes I used the code you send me, see:
hidden link
Pass: New

That worked on the left site all the buttons have there own colour.

Now I want to change the titles, like"Van Inactief naar In actie!", of the articles in the same colour.
I need a automatic class per taxonomy, to colour the titles.
I tried this <div class="tg-nam cat-[wpv-taxonomy-slug]" > but it doesn't work.

[Shane]

Hi Robert,

I see what you mean no.

This would require some javascript to recognize the selected item and to get the class of that selected item and apply it to the container.

Unfortunately this is something that would be out of the scope of our support forum, so I wouldn't be able to help with this.

Thanks,
Shane

[robertv-3]

Thanks Shane,

That's to bad, but I understand it.
Thanks for your help.

Robert

[robertv-3]

I solved it by using this:
<div class="tg-nam cat-[wpv-post-taxonomy type="workshopcategorien" format="slug"]" >

[Shane]

Hi Robert,

Awesome. All issue has been resolved now correct?

If so then you can proceed to marking this one as resolved.

Thanks,
Shane

[robertv-3]

My issue is resolved now. Thank you!