T Tony008 Member Nov 16, 2014 #1 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!!!
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!!!
Paul B XenForo moderator Staff member Nov 16, 2014 #2 The FAQ explains how it is done for threads: https://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181037 Upvote 0 Downvote
The FAQ explains how it is done for threads: https://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181037
T Tony008 Member Nov 16, 2014 #3 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; } Upvote 0 Downvote
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; }
T Tony008 Member Nov 16, 2014 #4 Am trying two hours and cant figure it out. Please help me. Upvote 0 Downvote
Paul B XenForo moderator Staff member Nov 16, 2014 #5 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. Upvote 0 Downvote
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.
T Tony008 Member Nov 16, 2014 #6 Thank you Brogan for the answer. I have added this: .discussionListItem { background-color:#141414; } WONT WORK Last edited: Nov 16, 2014 Upvote 0 Downvote
Thank you Brogan for the answer. I have added this: .discussionListItem { background-color:#141414; } WONT WORK
TJA Well-known member Nov 16, 2014 #7 In EXTRA.css try .discussionListItem:nth-child(odd) {background-color: #000000;} Upvote 0 Downvote
T Tony008 Member Nov 17, 2014 #8 @thejackarmy thank you for the help but its not working Any other idea? Upvote 0 Downvote
TJA Well-known member Nov 17, 2014 #9 Tony008 said: @thejackarmy thank you for the help but its not working Any other idea? Click to expand... Definitely works. Are you adding the code to your EXTRA.css? Code: .discussionListItem:nth-child(even) { background-color: #f0f7fc; } Code: .discussionListItem:nth-child(odd) { background-color: #f0f7fc; } Upvote 0 Downvote
Tony008 said: @thejackarmy thank you for the help but its not working Any other idea? Click to expand... Definitely works. Are you adding the code to your EXTRA.css? Code: .discussionListItem:nth-child(even) { background-color: #f0f7fc; } Code: .discussionListItem:nth-child(odd) { background-color: #f0f7fc; }
TJA Well-known member Nov 17, 2014 #10 And if you want the stats column to follow suite add this to EXTRA.css Code: .discussionListItem .stats { background: none !important; } Upvote 0 Downvote
And if you want the stats column to follow suite add this to EXTRA.css Code: .discussionListItem .stats { background: none !important; }
TJA Well-known member Nov 17, 2014 #11 If you are using a custom style you may need to add !important .discussionListItem:nth-child(odd) { background-color: #f0f7fc !important; } Upvote 0 Downvote
If you are using a custom style you may need to add !important .discussionListItem:nth-child(odd) { background-color: #f0f7fc !important; }
T Tony008 Member Nov 17, 2014 #12 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; } Upvote 0 Downvote
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; }