Topics Changing color of each node category

jammie

New member
Registered
I am using illuminate dark theme

I want to change and set different color to each categories

I want to give yellow to one category

then green to second category

How is it possible?
I have seen in demo, But I don't know how will I do?

In short, I want to give custom node colors to each category
Please reply and help me
 

xenforo

Well-known member
Staff member
administrator
Moderator
Registered
1591540426458.png
Open your theme with extra.less and enter the ID of your XXX field category in the code below and add it to the template.

Code:
/* Coloured Node Categories */
.block.block--category.block--categoryXXX .block-header {
    background: #009ACF;
    color: #ffffff;
}
/**********/
Change X to your node ID.

How do I find node ID?
It's simple to find it. Just hover on your Node Category Title like in example below and check for the ID:

1591540632323.png
So the code for example above will be:
CSS:
CSS:
.block.block--category.block--category21 .block-header {
    background: #7CA430;
    color: #ffffff;
}
For each node ID you need to copy/paste the code above, then just edit to suit your needs.
 

xenforo

Well-known member
Staff member
administrator
Moderator
Registered
can you send me a screenshot what do you want exactly ?
 

xenforo

Well-known member
Staff member
administrator
Moderator
Registered
go on fiverr.com hire a freelance i think this is the best suggestions :)
 

For school childeren

Total amount
$0.00
Goal
$50.00

Help

Total amount
$0.00
Goal
$50.00
Donation ends:
Top