can't seem to find where to change the background cols

Hi wonderland,
#fancybox-content in the file:
wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/fancybox/jquery.fancybox-1.3.4.min.css?ver=4.3.1

But you can and should override the style in one of your other stylesheets.

Thanks for the response. Just a follow up because it's still not working.

I saw an option to override the styles in the nextgen settings. Here's a screenshot (I used red #ff0000)

http://stayinwonderland.com/_issues/override.jpg

and I also did the same in the css file itself.

nothing is showing up as red.

Hi wonderland,
I think what you want is:

#fancybox-content {
  background-color: #FF0000;
  border-color: #FF0000;
}

Awesome. Almost there. The actual main background didn't change color so I inspected the element and saw that it was from a div Id 'fancybox-overlay' and so I changed it thusly:

#fancybox-overlay {
  background-color: #111;
}

which very clearly should work, but doesn't. Most peculiar.

spent hours trying to change that overlay. I think it's color is generated dynamically through JS.

Although I hardcoded the JS and tried to hardcode an override in the css but neither is working.