XF 1.5 Alternating Node Icon Colours

[Vasdev]

I need help with my forums (http://159.203.34.248/index.php)
As you see, the colours of the nodes are white and blue, but my goal is blue, and a different shade of blue. Here's the code I've used:
.nodeList li.level_2:nth-child(even) .primaryContent
{
background: #0d98ba;
}
.discussionList li.discussionListItem:nth-child(even)
{
background: yellow;
}

It doesn't seem to change, one just always remains white. Please help.

Thank you,
Gavin

 

[Senpai]

Wait a minute why is your site an IP address

 

[Vasdev]

Wait a minute why is your site an IP address

Just a test site.

 

[Senpai]

Just a test site.

With demo you can't really do everything if I was you I would get licence

 

[Vasdev]

With demo you can't really do everything if I was you I would get licence

It's not a demo haha

 

[Senpai]

It's not a demo haha

Wtf then what js it lol I was wondering how can this guy install a style in demo . Lol I'm so dumb

 

[Vasdev]

Wtf then what js it lol I was wondering how can this guy install a style in demo . Lol I'm so dumb

Do you know how I can fix this?

 

[Matthew S]

I not positive it can be done on the nodes that way, but you probably should also set the colour for the n-child(odd), too.

From the FAQ link in @Brogan 's signature: https://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181037

12. How do I change the background colour of an individual category strip?
Add this to the EXTRA.css template:

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

Replace node_x with the actual node ID, for example, node_10. Change the colour to suit.

Edit: I just realised the thread title is asking about node icons, even though the code you posted doesn't touch them.

Something like this should get you in the ballpark.

.node_x .nodeIcon { options: here; }

 

[Vasdev]

I not positive it can be done on the nodes that way, but you probably should also set the colour for the n-child(odd), too.

From the FAQ link in @Brogan 's signature: https://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181037



Edit: I just realised the thread title is asking about node icons, even though the code you posted doesn't touch them.

Something like this should get you in the ballpark.

.node_x .nodeIcon { options: here; }

Actually was my error, I meant the thread list backgrounds.

 

[Vasdev]

Actually was my error, I meant the thread list backgrounds.

For example, this: https://gyazo.com/5b59f9b3e9fd75cb443d7dfc5c510f8a
I want one blue, and one black

 

[Matthew S]

For example, this: https://gyazo.com/5b59f9b3e9fd75cb443d7dfc5c510f8a
I want one blue, and one black

Like this? https://xenforo.com/community/threa...-color-in-thread-listing.113918/#post-1049957

 

[Vasdev]

Like this? https://xenforo.com/community/threa...-color-in-thread-listing.113918/#post-1049957

I managed to fix it. Thanks!

 

[Matthew S]

Cool. Care to share your solution so others can do the same?

 

[Vasdev]

Cool. Care to share your solution so others can do the same?

Sure!
Use this:
.nodeList li.level_2:nth-child(even) .primaryContent
{
background: (putcolourhere);
}
.nodeList li.level_2:nth-child(odd) .primaryContent
{
background: (putcolourhere);
}

But now I have one more question, how can I make this whole background blue, rather than white and blue?
https://gyazo.com/09b1e0d7f0db0be21255c85ab3ceb377