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?
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?