• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 .discussionListItem:hover

Neil E.

Active member
I am trying to get a background color change on hover for the list of topics in a forum.
http://www.odsc.on.ca/.xenforo/index.php?forums/general-topics.2/ (no login is neeeded)
(Links go to 1.1.2 forum but 1.2.2 test forum acts the same).

background-image: url("styles/default/xenforo/gradients/form-element-focus-100.png") !important;
background-repeat: repeat-x !important;
/* ~change node background on hover~ */

The above CSS sets a hover highlight, but only on the main part of the discussion list item. To get the avatar background and stats background to change, I have to add:
.discussionListItem .stats:hover
.discussionListItem .posterAvatar:hover

This now sets the hover highlight on all the individual areas, but I'd like them to all highlight at the same time. This would then act similar to how the forum list highlights.

Any thoughts on how to make them respond as a unit?


XenForo moderator
Staff member
This works for all elements of the row on my installation:

.discussionListItem:hover {
background-color: red;

Neil E.

Active member
Rats! On mine it only highlights the main section and I've tried many other element combinations to no avail. Thanks for testing it out.