1. 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

Discussion in 'XenForo Questions and Support' started by toodlez, Dec 2, 2011.

  1. toodlez

    toodlez Active Member

    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)
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Add to EXTRA.css:
    .xenOverlay .errorOverlay .heading {
  3. toodlez

    toodlez Active Member

    Then add my edits between the brackets for the background, heading, etc?
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Just add the elements you want to change, you don't need to replicate the current CSS.
  5. toodlez

    toodlez Active Member

    what's the proper code for changing the text color under

  6. Brogan

    Brogan XenForo Moderator Staff Member

    color: red;
  7. toodlez

    toodlez Active Member

    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

    .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)
  8. Brogan

    Brogan XenForo Moderator Staff Member

    Add a ; to the end of the color: #B40000 line.

Share This Page