XF 1.5 Changing the color of an individual category strip?

[KenBrace]

I'm creating a category in my forum that will be seen by members only so I want it to stand out from among the rest.

A good way to do this would be to change the color of that particular strip.

Any idea how to do this?

 

[Amaury]

.nodeList .categoryStrip .nodeTitle {
    background-color: #FF0000;
}

That's the CSS for the category strip. Then just include the node ID in it.

 

[KenBrace]

.nodeList .categoryStrip .nodeTitle {
    background-color: #FF0000;
}

That's the CSS for the category strip. Then just include the node ID in it.

Thanks!

Just one question. How exactly should I include the node ID?

Is it targeted as a class, id, etc.?

I tried...

.nodeList .categoryStrip .nodeTitle .17 {
    background-color: #FF0000;
}

...and...

.nodeList .categoryStrip .nodeTitle #17 {
    background-color: #FF0000;
}

...but neither worked.

 

[Amaury]

I believe it would be .node_17 at the beginning.

 

[KenBrace]

I believe it would be .node_17 at the beginning.

Just tried it and it doesn't seem to work.

.node_17 .nodeList .categoryStrip .nodeTitle {
    background-color: #FF0000;
}

 

[Paul B]

.nodeList .node_x .categoryStrip {
background-color: @primaryLighter;
}

 

[KenBrace]

.nodeList .node_x .categoryStrip {
background-color: @primaryLighter;
}

Doesn't seem to work either.

.nodeList .node_17 .categoryStrip {
    background-color: @primaryLighter;
}

 

[Paul B]

It works for me on a default style, so perhaps you have something in your custom style which is overriding it.

 

[KenBrace]

Oh wait, I figured out the problem. The CSS works. It's just being over-written by a background-image (I'm using a theme). All I had to do was set the background-image value to "none".

 

[KenBrace]

It works for me on a default style, so perhaps you have something in your custom style which is overriding it.

Wow, spot on.