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

Discussion in 'Styling and Customization Questions' started by Neil E., Oct 3, 2013.

  1. Neil E.

    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?
  2. Brogan

    Brogan XenForo Moderator Staff Member

    This works for all elements of the row on my installation:

    .discussionListItem:hover {
    background-color: red;
  3. Neil E.

    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.

Share This Page