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

Popups transparent - shouldn't be

Discussion in 'XenForo Questions and Support' started by steven s, Nov 26, 2010.

  1. steven s

    steven s Well-Known Member

    I don't know what I changed to make the overlay transparent in at east two places.
    Overlay mask is set to white in the ACP.


    I've been saving css edits. Reverting. Problem not corrected. Restore edited css file.
    I don't think Firebug works with popups, does it?

    (If I get one more black friday/cyber monday email I will scream!)
  2. Decent60

    Decent60 Well-Known Member

    Is any of your secondaryContent set to transparent in your Style Properties (Color Pallete)?
  3. Brogan

    Brogan XenForo Moderator Staff Member

    The white section at the top for the Quick Navigation overlay (General Links, Forum List) is actually the primaryContent class.

    .primaryContent {
    background-color: #FCFCFF;
    border-bottom: 1px solid #D7EDFC;
    padding: 10px;
    The main blue header (Quick Navigation Menu) is this class:
    .heading, .xenForm .formHeader {
    background-color: #65A5D1;
    border-bottom: 1px solid #176093;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    color: #F0F7FC;
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 3px;
    padding: 5px 10px;
  4. Decent60

    Decent60 Well-Known Member

    Meh, just took a look at the CSS for the Quick Nav, (and yes you can use Firebug on overlays, I personally just highlight the area I want to see and right-click and Inspect Element).
    Well nvm cause Brogan got it first lol

    Also, Overlay Mask is what the background looks like around your overlay section. Not the actual background of the overlay.
  5. steven s

    steven s Well-Known Member

    I reverted every change I made to css files that contained 'primaryContent'. Same problem.
    I'm sure it's an edit I made that is causing the problem.
  6. Brogan

    Brogan XenForo Moderator Staff Member

    What's your board URL?
    I can take a look to see if I can spot the problem.
  7. Brogan

    Brogan XenForo Moderator Staff Member

    It's OK, I found it from your profile.

    The default primaryContent is this:

    .primaryContent {
    background-color: #FCFCFF;
    border-bottom: 1px solid #D7EDFC;
    padding: 10px;
    Yours is this:
    .primaryContent {
    border-bottom: 1px solid #CCC;
    padding: 10px;
    You have removed the background-color attribute from it.

    Check the h3.primaryContent as that's the one which relates to that text.
    steven s likes this.
  8. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    If you post the URL of the forum then we might be able to debug your custom style to find the culprit.

    Here is another thread with the same problem that might have some new info for you:


    You might eventually have to do some systematic troubleshooting... meaning you need to systematically revert custom templates until you isolate which one is causing the problem. You can duplicate your custom style for this purpose by exporting / importing the style in the Admin CP:

    Admin CP -> Appearance -> Styles -> Export

    Admin CP -> Appearance -> Import a Style
  9. steven s

    steven s Well-Known Member

    I did look at the pop-transparency thread. It didn't help me.

    I found one problem.

    I added background-color: #ffffff;
    Don't know why it was necessary though since by default there should be a background.
        display: none;
        z-index: 15000;
        cursor: default;
        position: relative;
        width: 400px;
        background-color: #ffffff;
        border-radius: 10px;
        border: 10px solid @primaryDark;
        border: 10px solid rgba(3,42,70, 0.65);
        _border: 10px solid @primaryDark;
        box-shadow: 0px 12px 25px rgba(0,0,0, 0.5);
    Now that I see Firebug works with popups, it is easier.
    Thanks Decent
  10. steven s

    steven s Well-Known Member

    PrimaryContent was transparent under style properties. Thanks!
    I removed the color from xenPreviewToolTip.

    I had a bunch of settings marked transparent.
    Thanks as always for your help.

Share This Page