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

XF 1.4 Styling the error popup

Discussion in 'Styling and Customization Questions' started by Mr Lucky, Nov 5, 2014.

  1. Mr Lucky

    Mr Lucky Well-Known Member

    Can someone please tell me how I change the style of the error popup message? I want to change the font colour and red background and possibly the dark grey of the box itself. Thanks error.png
  2. Brogan

    Brogan XenForo Moderator Staff Member

    You need to use the .xenOverlay .errorOverlay .heading classes in EXTRA.css.
  3. Mr Lucky

    Mr Lucky Well-Known Member

    I am trying that to no avail, my css is obviously inadequate.

    Can you (or anyone else) please explain what I need to put there to change

    (a) the dark grey

    If I change the background of .errorOverlay nothing happens.

    If I change the background of .xenOverlay , then the background changes, but has square corners which extend outside the rounded border radius

    (b) the text colour

    I cannot get this to change at all.

    (EDIT) Fine, got the text colour to change thanks

    (2nd EDIT: all sorted now, thanks again)
  4. Amaury

    Amaury Well-Known Member

    .xenOverlay .errorOverlay .heading {
        color: #FFFFFF !important
        background-color: #000000 !important;
    .xenOverlay .errorOverlay {
        background-color: #FFFFFF !important;
    Change the colors to suit.

Share This Page