Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Topics Changing color of each node category

jammie

New member
Registered
Joined
Jun 7, 2020
Messages
6
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
Joined
Mar 18, 2019
Messages
475
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
Joined
Mar 18, 2019
Messages
475
can you send me a screenshot what do you want exactly ?
 

jammie

New member
Registered
Joined
Jun 7, 2020
Messages
6
@xenforo I want to change these orange lines in each category and want to give yellow colour, green colour

 

xenforo

Well-known member
Staff member
administrator
Moderator
Registered
Joined
Mar 18, 2019
Messages
475
w8 let me check
 

xenforo

Well-known member
Staff member
administrator
Moderator
Registered
Joined
Mar 18, 2019
Messages
475
dint find the code :(
 

xenforo

Well-known member
Staff member
administrator
Moderator
Registered
Joined
Mar 18, 2019
Messages
475
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 Bottom