• 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

Mr Lucky

Well-known member
#1
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
 

Mr Lucky

Well-known member
#3
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)
 

Amaury

Well-known member
#4
Code:
.xenOverlay .errorOverlay .heading {
    color: #FFFFFF !important
    background-color: #000000 !important;
}

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