Topics Changing color of each node category

[jammie]

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

 

[alvaro689]

Estoy usando el tema io themehouse y tengo la misma pregunta

 

[xenforo]

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.

/* 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:


So the code for example above will be:

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.

 

[jammie]

@xenforo My site is
www.inviteforum.com

I want to change orange lines in my site
I hope you understand
I don't want to change background of node category
I want to change category node colours like that
www.torrentinvites.net

I don't want to change background of node categories

Help me please

 

[xenforo]

can you send me a screenshot what do you want exactly ?

 

[jammie]

@xenforo I want to change these orange lines in each category and want to give yellow colour, green colour

 

[xenforo]

w8 let me check

 

[jammie]

@xenforo I want to change orange lines per category and make it like that

 

[xenforo]

dint find the code

 

[jammie]

@xenforo so How did I change?
I am worried, I am looking for solution for 3 days

 

[xenforo]

go on fiverr.com hire a freelance i think this is the best suggestions

 

[jammie]

@xenforo how much he will ask?

 

[xenforo]

Access to This Page Has Been Blocked

www.fiverr.com