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).

.discussionListItem:hover
{
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.
http://www.odsc.on.ca/.xenforo/index.php

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