XF 1.2 How customize an individual node title

[Matthew Hawley]

Hello, how do I customize the node title for a certain forum, I tried this and it didn't work.

.nodeTitle, #nodeDescription-8 {
color: red;
}

@Shelley

 

[Jeremy]

Each node has a unique class added to it:
.node_#ID#

Use that in your selectors.

 

[Matthew Hawley]

Each node has a unique class added to it:
.node_#ID#

Use that in your selectors.

Didn't work.

.nodeTitle .node_8 {
color: red;
}

 

[Jeremy]

Your selector is wrong. This may help you to write selectors and understand how they work (ie .class.another, .class > .class2, .class .class, etc):
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

Selectors are evaluated from left to right, so it looks for the first class first, then it moves down the DOM tree searching for any selectors after it using modifiers as described in the link I provided above.

 

[Shelley]

Use the following as a guide. http://xenforo.com/community/resources/multi-coloured-node-li.1733/

 

[Matthew Hawley]

Use the following as a guide. http://xenforo.com/community/resources/multi-coloured-node-li.1733/

But I want to customize the nodeTitle not the category title.

 

[Jeremy]

As I said above, your selector is wrong. Look at how the DOM is laid out, which elements have which classes, and the order in which they appear (parent > child relationship).

 

[Matthew Hawley]

Also, I want each nodeTitle to be different.

 

[Shelley]

But I want to customize the nodeTitle not the category title.

Look at the code used the node titles are styled and you can use those as reference.

 

[Matthew Hawley]

Look at the code used the node titles are styled and you can use those as reference.

Nothing is working...

 

[Shelley]

Your ID will differ try the following insert your forum ID and choice of colour.

.node_38  .nodeTitle a{
color: blue;
}

 

[Matthew Hawley]

Your ID will differ try the following insert your forum ID and choice of colour.

.node_38  .nodeTitle a{
color: blue;
}

Nope.

 

[Shelley]

Nope.

Yes it works Matthew i just tried it. Your doing something wrong.

 

[Jeremy]

I used the above CSS and its working fine. You are most likely adjusting the .node_#ID# class incorrectly.

 

[Matthew Hawley]

I used the above CSS and its working fine. You are most likely adjusting the .node_#ID# class incorrectly.

I swear I didn't.

.node_1  .nodeTitle a {
color: red !important;
}

@Shelley could you try it on my forum?

 

[Shelley]

I swear I didn't.

.node_1  .nodeTitle a {
color: red !important;
}

@Shelley could you try it on my forum?

Can you link me to the forum? And area you want to adjust?

 

[Jeremy]

You don't have a node of ID #1. The CSS can't find an element to work on.

 

[Matthew Hawley]

You don't have a node of ID #1. The CSS can't find an element to work on.

... I tried 7 too and it didn't work.

 

[Jeremy]

You also don't have a Node ID#7 on your forum home.

 

[Matthew Hawley]

You also don't have a Node ID#7 on your forum home.

Are you looking on 2dmods? I'm not doing it on that website.