Colour coding categories

Hi @conradnoah ,

Can you please share page url where are you using our plugin ? Please let me know and i will give you the solution according your need.

Lookong forward.

Thanks,
Trusty Plugins Team

Hi, I am actually doing it on localhost so no live url. I can target the labels background colours with data-terms=”18″(an example) in css so that works but that only shows when that individual category is selected, then the labels are the colours I require. On the “everything” (so show all) the colours still stay one colour (the colour selected from the settings colour picker). If you know how I can target them on the “everything” part where they are data-terms=”17,18,19,20″. Each one of those numbers relate to a category and each needs to be a different colour. Thanks in advance.

• This reply was modified 4 years, 1 month ago by conradnoah.

Okay @conradnoah ,

You can target the category label with css. For example , I targeted category labels of dropdown filter.

#caf-filter-layout2 ul.dropdown li ul li:nth-child(3) a {
    background-color: red;
    color: #fff !important;
}
#caf-filter-layout2 ul.dropdown li ul li:nth-child(4) a {
    background-color: green;
    color: #fff;
}

With this way you can target any type of filter’s category labels.

Hi that only target the dropdown list not the posts.

So I have 4 categories, Veg, Meal planner, Fruit, Healthy meals:
Veg is Green (set as default colour)
fruit is red
meal planner is yellow
healthy meals are blue

From the dropdown I click fruit and renders the fruit category and i see the red label on all post items with fruit as a category because I target the category label to change colour so that’s fine.

Now when the dropdown is on “everything” and all the categories appear on one section so I see all post items it is showing all items for Veg, Meal planner, Fruit, Healthy meals on one section all the category labels are green(default colour).

I hope this clears it up a bit more. Thanks in advance.

• This reply was modified 4 years, 1 month ago by conradnoah.

Hi @conradnoah ,

It would be good if you can share any live url with me. So definitely I can give you the solution. I will really appreciate your effort.

Looking forward to you.

Thanks,
Trusty Plugins Team

Hi, Here is a live domain https://test.nnj.ie/recipes/

Click on fruit from the dropdown you see the label that says fruit(category) changes to a red. Then click back to everything and you will see that the label that says fruit(category) stays green but should be red as well. The “everything” section should have each category colour coded as well.

Thanks

• This reply was modified 4 years, 1 month ago by conradnoah.

Okay , Now I got your problem. Can you please contact to this email for the solution ([email protected]).

We are looking forward to your reply.

Thanks,
Trusty Plugins Team

• This reply was modified 4 years, 1 month ago by Trusty Plugins.

Hi, ok sent email to that address thanks.

Many Thanks @conradnoah. Got it.