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

XF 1.2 div class=Menu JsOnly navPopup

Discussion in 'Styling and Customization Questions' started by majesty95, Aug 21, 2013.

  1. majesty95

    majesty95 Active Member

    I'm trying to change the color of the alert menu when you first hover over it when viewing alerts. Right now it is going to a white background for a second or two before defaulting to a darker background. I'd like to have it just go to the darker background immediately so that the alerts can be read (I have light text on a dark background). Can someone help me with the code or where to find it? This is what I get when I use inspect element:

    XenForo 20.jpg
     
  2. majesty95

    majesty95 Active Member

    Anyone? This is really driving me nuts and I can't figure it out. @Brogan?
     
  3. Tracy Perry

    Tracy Perry Well-Known Member

    I think the fix is going to be the same as what is talked about at http://xenforo.com/community/threads/a-few-questions-regarding-styling.57415/ (he listed the fix at the bottom of his first post). See if that works.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    This must be something you have done with your custom style as it doesn't seem to happen here.

    Which particular element is gong white then dark?
    I don't see any actual alerts on that screenshot.
     
  5. majesty95

    majesty95 Active Member

    I don't have any alerts right now and it happens so quickly I don't think to screen shot it.

    On this site, when you hover the alert tab, it goes to a kind of yellow color for a second and then to the light blue. Instead of mine going to the yellowish color it goes white or very light gray before setting in on the normal gray I would like it to be.
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    Tough one to find so thanks to Mike, it's in the navigation.css template:
    Code:
    .navPopup .listPlaceholder ol.secondaryContent.Unread
      {
      background-color: {xen:property inlineModChecked.background-color};
      }
     
  7. majesty95

    majesty95 Active Member

    Thanks! I've updated it in my EXTRA.css I'll let you know if I have an issues.
     

Share This Page