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

Change the color of the Alert Box?

Discussion in 'Styling and Customization Questions' started by Cambion, May 10, 2013.

  1. Cambion

    Cambion Well-Known Member

    I just uploaded this new skin and I'd like to change the color of the alert box since it is hard to read the text.

    Can anyone help me?
    This is what i mean....The very first Alert that has the Beige/grey color there.
    I'd like to change it to how the other alerts look below it.
  2. Shelley

    Shelley Well-Known Member

    Not sure whether that is you hovering in the screenshot but both hovering and standard background colours should work below. Paste in your styles EXTRA.CSS template.

    .navPopup .PopupItemLink  {background-color: #3c4550;}
    .navPopup .PopupItemLinkActive:hover {background-color: #3c4550;}
  3. Cambion

    Cambion Well-Known Member

    Hey Shelley,

    That's was me hovering :) Your code worked, thanks!

    Do you recommend that I make the New Alerts the same color as the old alerts or should they be different colors to differentiate between new and old ones?
    (you know how in the screenshot the new alert was the grey/beige background and the others were the teal/grey one)
  4. StarArmy

    StarArmy Active Member

    Is there a way to change this through the normal style property menus (rather than editing extra.css)?
  5. Brogan

    Brogan XenForo Moderator Staff Member


    Style Properties don't cover everything.
  6. StarArmy

    StarArmy Active Member

    I implemented the code posted above and it's changed the middle of the alert popup box but not the sides of it. The dull gold color still appears on both sides. Any idea what that element's name might be? Should I be asking XenCrea?

    Edit: Both OP and I are using the Space template.
  7. Jeremy

    Jeremy Well-Known Member

    Are you looking to change the border color of that menu?
  8. StarArmy

    StarArmy Active Member

    This is what I'm seeing that I want to change:

  9. Jeremy

    Jeremy Well-Known Member

    That may be some custom CSS you have on your site or a modification to the specific style. The style author may be able to give further guidance.

Share This Page