XF 1.4 Threads color

Tony008

Member
Hello Everyone.
Am new in Xenforo and am not so familiar with the software.

Id like to have the first and the third thread one color and the second and forth thread different color:



Also id like to make this on the thread inside:



THANK YOU!!!
 

Tony008

Member
Thank you! I have changed the posts but cant find for threads.

I have tried this but wont work:

.thread:nth-child(even) {
background-color: #F7F7F7;
}
 

Brogan

XenForo moderator
Staff member
The class you would need to use is discussionListItem .

I doubt it is possible for threads though as they aren't in sequential order so won't be odd-even-odd.
 

Tony008

Member
Thank you Brogan for the answer.

I have added this:
.discussionListItem
{
background-color:#141414;
}

WONT WORK :(
 
Last edited:

TJA

Well-known member
In EXTRA.css try

.discussionListItem:nth-child(odd) {background-color: #000000;}
 

TJA

Well-known member
@thejackarmy thank you for the help but its not working :(

Any other idea?
Definitely works. Are you adding the code to your EXTRA.css?

Code:
.discussionListItem:nth-child(even) {
background-color: #f0f7fc;
}
upload_2014-11-17_12-21-15.png

Code:
.discussionListItem:nth-child(odd) {
background-color: #f0f7fc;
}
upload_2014-11-17_12-22-55.png
 

TJA

Well-known member
And if you want the stats column to follow suite add this to EXTRA.css

Code:
.discussionListItem .stats {
background: none !important;
}
upload_2014-11-17_12-36-24.png
 

TJA

Well-known member
If you are using a custom style you may need to add !important

.discussionListItem:nth-child(odd) {
background-color: #f0f7fc !important;
}
 

Tony008

Member
Thejackarmy posted the right solution thank you!

If someone have added another color for the threed the color of the sticky will change also.... So you have to add this so you can have different color for the sticky:

.sticky:nth-child(even) {
background-color: #FCFFDA !important;
border: 1px solid #F39D00 !important;
}
 
Top