Different header color for different categories

any link to see what is the matter?

On the anchor of the masonry-item there are classes – f.e. if you show portfolios there is a class f.e. portfolio_entries-webdesign
the webdesign is the portfolio “category”
So if you define for each category like this:
syntax is: portfolio_entries-xyz

.portfolio_entries-webdesign .av-masonry-entry-title {
  color: red;
}

there must be a similar solution for blog posts and categories something like: category-allgemein
syntax here is: category-xyz

https://webers-testseite.de/gallery/

.category-allgemein .av-masonry-entry-title {
  color: red;
}

.category-grafik .av-masonry-entry-title {
  color: green;
}

colorize the sort button too:

.category-allgemein .av-masonry-entry-title,
.allgemein_sort_button span {
  color: red;
}

.category-grafik .av-masonry-entry-title,
.grafik_sort_button span {
  color: green;
}

Hi,

I have been testing codes for this support for days but I am not able to solve my problem. I need different h1 to h6 color for different categories.
The last code I used without exit was in my category “second”

.category-second #top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6 {
color: #5f8a35;
}

I also have problems with custom my id post number 7420

.postid-7420 #top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6 { color: #f29fc4 !important;
}

Can you help me?

Thanks!

Hi,
CSS file merging and compression is disable.

Something must be wrong with the code because it doesn´t identify the category and the color that changes is the last one that I have assigned (purple in this case), except the h1 that has never changed.

/* post with pink category */
.category-green #top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6 {
color: pink;
}

/* post with green category */
.category-green #top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6 {
color: green;
}

/* post with ID-7420 */
.postid-7420 #top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6 {
color: purple;
}

Thanks!

Thank you very much but I’m not able to make that work

• This reply was modified 3 years, 6 months ago by 4m.

Hi,
Mike solved my problem with:
#top .category-news h1.post-title a {
color: red;
}

Thanks

• This reply was modified 3 years, 6 months ago by 4m.