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

XF 1.3 Poll and Error Overlays

Discussion in 'Styling and Customization Questions' started by Amaury, Apr 6, 2014.

  1. Amaury

    Amaury Well-Known Member

    This has been an issue for a long time; I just never asked for support until now.

    When I style the poll and error overlays, the X overlaps with the "Edit" text and header, respectively:
    Overlap 1.png Overlap 2.png

    I don't know what's difference from the default style, because I'm just changing colors.

    Here is my CSS, if it helps:

    Code:
    .xenOverlay > .section,
    .xenOverlay > .sectionMain {
        background: @primaryLight !important;
    }
    
    .xenOverlay .errorOverlay {
        background: @contentBackground !important;
        border: 1px solid @primaryLight !important;
    }
    
    .xenOverlay .errorOverlay .heading {
        background: @secondaryLighter !important;
        border: 1px solid @secondaryLight !important;
    }
     
  2. Amaury

    Amaury Well-Known Member

    Any help? :)
     
  3. Amaury

    Amaury Well-Known Member

    Still looking for some assistance here. :)
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    It is due to the reduced border width on your style.

    You will need to reposition the overlay closer using CSS.
     
    Amaury likes this.
  5. Amaury

    Amaury Well-Known Member

    Thanks, Paul. What CSS would you suggest? position: something, I would guess?
     

Share This Page