Tam Nguyen Photography

New York Beauty and Fashion Photographer

How to Bring Back Facebook’s Dark Lightbox

Posted on September 14, 2011 in Personal

How to Bring Back Facebook’s Dark Lightbox

Most – if not all – of you have noticed that Facebook has recently beefed up their Photos features by increasing their maximum width to be 960px. This is great news. Also, their image quality has improved, and payload has been lowered (or so they said). What’s bad news is that they sort of killed their black lightbox, and replaced it with a white lightbox. Some people like it, some people don’t. I personally hate it, and it’s been bugging me ever since. Today, I finally sat down and started digging into how to get the black lightbox back.

What you’d need as a pre-requisite for this to work is either Greasemonkey (Firefox users), or Better Facebook extension (all browsers except the wannabe), which is the best thing that happened for Facebook after Facebook. I personally use Better Facebook, so I’ll write a tutorial on how to re-enable the black lightbox.

Assuming you’ve already installed Better Facebook, click ‘Options’, and then click on the ‘CSS’ tab. There, you’ll want to copy and paste this code:

.fbPhotoSnowbox .container, .stage { background-color: #111 !important; }
.fbPhotoSnowbox { background-color: rgba(51,51,51,0.8) !important; }

What the first line does is it will make the area around the image turn black. And by black I mean not absolutely black, but close to black at #111111 (hex). What the second line does is it makes the area outside the image turn gray (#333333), with the opacity of 80%. The “!important” is important; it means “Ignore whatever style Facebook’s set and follow this rule instead.”

Once pasted, click on ‘Save’, reload the page, and voila!

Feel free to drop a comment below if you have any questions. Happy Facebooking.

Leave a Reply

Your email address will not be published. Required fields are marked *