XF 1.5 Change nodeTitle colour

[The West wind]

Hello I've searched and found a few ways to do this but none work for me. I can change 'all' the node title colours in a catagory with this code by Brogan (thank you)...

.node .nodeText .nodeTitle a
{
color: red;
}

...but can't work out how to apply it to one particular node. Any suggestions?

 

[Paul B]

Try using the node ID -- .node_x -- probably between .node and .nodeText.

 

[The West wind]

Thanks but I've worked with .node_x and it has no effect. I'm adding the code to Extra.css.

 

[Paul B]

Did you substitute the x for the actual ID?

I'm fairly sure it will work if the CSS is correct.

 

[The West wind]

I used .node_20

The exact code

.node .node_20 .nodeText .nodeTitle a
{
color: #800000;
}

 

[Optic]

Hi @The West wind ,

You've put .node twice, if you remove the first .node it should work:

.node_20 .nodeText .nodeTitle a
{
color: #800000;
}

You can also try this instead:

.node_20 h3.nodeTitle a {
color: #800000;
}

 

[The West wind]

Hello, I've tried both and it still wont work. Removing the _20 from both snippets changes the colour of all the node titles perfectly. I've double checked the node I need changing is the correct display order. If .node_20 is the correct syntax I'm stumped

 

[Optic]

You may have another rule in your EXTRA.CSS that is overriding it...

Can we get a link to your forum so we can take a closer look?

 

[The West wind]

My forum isn't online. I'm hoping to get it live tomorrow pm. The following is all I have in EXTRA.css


.titleBar { display:none; }


.forum_list .breadBoxTop {
display: none;
}

.forum_list .breadBoxBottom {
display: none;
}

 

[Paul B]

Are you using a custom style?

If so, the CSS may be different so you will need to ask in the style thread.

 

[The West wind]

Are you using a custom style?

If so, the CSS may be different so you will need to ask in the style thread.

I'm only using Default Style > Templates > EXTRA.css

I did edit some code in node_list.css and node_forum_level_2 but deleted it reverted it.

 

[Paul B]

In which case, the CSS provided by Optic above works.

.node_x .nodeText .nodeTitle a
{
color: orange;
}

 

[The West wind]

Thanks Brogan. I've tried it again and once more the code without the _x works but changes all the nodeTitles as it should, but with the _x it has no effect. I've tried it on other nodes too with the same result.

I've no doubt the syntax is correct but for some reason beyond my savvy I can't get it to work.