CSS codes for icon color change according to the categories
Solved
Technical Support
-
Is there any CSS suggestion for the main categories page, to change the colors of the icons showing sub-categories according to the color of main category?
Right now, by default they are all blue, but we do color code our main categories depending on the topic, so we would like to change them accordingly.
-
In case anyone else might be intrested, I fixed this color problem using these codes:
.category-1 , .category-70 , .category-120 { .category-children-item .fa-caret-right { color: #ff9800 !important ; } } .category-111 { .category-children-item .fa-caret-right { color: #e91e63 !important ; } } .category-2 , .category-77 , .category-78 , .category-126 , .category-127 , .category-132 , .category-93 , .category-115 { .category-children-item .fa-caret-right { color: #4caf50 !important ; } }
Basically I had to name each category separately... So, if there is any suggestion to shorten the code, I would love to hear...
-
Copyright © 2024 NodeBB | Contributors