• 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

steven s

Well-known member
#1
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.

screen.png

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

Brogan

XenForo moderator
Staff member
#3
The white section at the top for the Quick Navigation overlay (General Links, Forum List) is actually the primaryContent class.

HTML:
.primaryContent {
background-color: #FCFCFF;
border-bottom: 1px solid #D7EDFC;
padding: 10px;
}
The main blue header (Quick Navigation Menu) is this class:
HTML:
.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

Well-known member
#4
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

Well-known member
#5
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.
 

Brogan

XenForo moderator
Staff member
#7
It's OK, I found it from your profile.

The default primaryContent is this:

HTML:
.primaryContent {
background-color: #FCFCFF;
border-bottom: 1px solid #D7EDFC;
padding: 10px;
}
Yours is this:
HTML:
.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

XenForo moderator
Staff member
#8
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

Well-known member
#9
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.
Code:
.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