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

Where to edit the "Error" Overlay

toodlez

Active member
#1
I am aware that I can edit my overlay style under
Style Properties > Form-Type Overlays

Where can I edit the overlay for the "Error" messages (red heading, black transparent BG, white text)
 

toodlez

Active member
#7
My Error overlay is wiggin' out whenever I try messing with the border color and size..

On my normal form type overlay these are some settings I have that I want to add to the Error code...
Form Type Overlay:

border color = #e3e3e3
width = 5 px , radius = 10 px

Under the additional CSS box I have:
box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
_zoom: 1;


This is what I have currently for my Error Overlay Code in EXTRA.css

Code:
.xenOverlay .errorOverlay {
        border: 1px solid;
        background: @textCtrlBackground;
                color: #B40000
}
.xenOverlay .errorOverlay .heading {
        background: #B40000 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x;
}

Little help with completing the code to match my original overlay (except with the RED error heading obviously, that I have added)