Change category color

Hi @sofiaojeda,

There is also option in Free version too for the change of category/post color combination.

You just need to go to Specific Filter and then go to Layouts->Filter Layouts then you can change color combination. Play with it and you will get your desired color combination for the categories. And try the same Procedure for Layout->Post Layout.

If you still does meet your desired color combination then you can do it with simple css code. But for this you should have some basic knowledge of css code.

If you will want to buy PRO version then you will get more features but color combination will be the same but then we will manually do the changes on your site to meet your requirements.

Hope it will help You. Looking Forward.

Thanks,
Trusty Plugins Team

Hi, thanks for answering.
Actually, I need each term of my filter to have a different color, and to coincide that color with the title of the post. E.g I want to filter by category “Movies”, the term “Movies” is color Red, and the post title with category “Movies” is also red.

I have knowledge of css but this seems to be more a “if” function, am I correct?

Hi @sofiaojeda ,

Thanks for contacting.

You can target the div with attribute data-terms. So with this technique you can target every term and change the color of category and post title too.

div#caf-post-layout-container[data-terms='226'] ul li a.active {
    background: #562424 !important;
}

div#caf-post-layout-container[data-terms='226'] .caf-post-title a h2 {
    color: #ddd !important;
}

Hop it will help you.

Looking forward.

Thanks,
Trusty Plugins Team

Thank you very much!
I’ve never used the attribute data-terms.
It is the information after “data-id”? I inspected the css and in each term I can only see an UL LI and A, and after that “data-id=”33,21,29,19,36,35,23,34” and “data-target-div=”data-target-div1”

I really appreciate your help, thanks a lot

What I see with this is that I cannot target automatically every post with certain category.
I can change the color of the terms only when their active (I want to change it in general, not only when their active) but, as I can see on your code, the

div#caf-post-layout-container[data-terms='226'] .caf-post-title a h2 {
    color: #ddd !important;
}

doesn’t work. I want to target all the posts with certain term.

Hi @sofiaojeda ,

then please try “Glossy Look” post layout. This layout has a class added with their category name on every article div so you can easily done that.

You can check the demo here :
https://trustyplugins.com/layouts/caf-layout-3/

Hope it will works for you.

Looking forward.

Thanks,
Trusty Plugins team

• This reply was modified 3 years, 11 months ago by Trusty Plugins.

Hello!
I think we are close to what i’m looking forward. The only problem is that caf-layout-3 changes all the categories background. I need for each category, a different color. For example, in the demo you shared, I would need the tag “Men dressing” to be a certain color, and “women dressing” another one.

Hi,

Okay , can you please contact at [email protected] for developer support. We are always available and doing their best till clients meet their requirements.

Looking Forward.

Thanks,
Trusty Plugins team

email sent, thank you very much. I’ll wait for your answer