Popups transparent - shouldn't be

[steven s]

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!)

 

[Decent60]

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

 

[Paul B]

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;
}

 

[Decent60]

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.

 

[steven s]

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.

 

[Paul B]

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

 

[Paul B]

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.

 

[Jake Bunce]

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:

http://xenforo.com/community/threads/style-chooser-preview-popup-transparency.6409/

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

 

[steven s]

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

I found one problem.

xenPreviewTooltip
I added background-color: #ffffff;
Don't know why it was necessary though since by default there should be a background.

.xenPreviewTooltip
{
    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

 

[steven s]

border-bottom: 1px solid #CCC;

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.