DMXzone Lightbox Support Product Page


Having trouble styling lightbox

Asked 06 Mar 2014 03:32:16
has this question
06 Mar 2014 03:32:16 Mark Stutzman posted:
I'm trying to make a bright site and styled the lightbox so it will use all light elements overlaying the background. I'm getting a gray tone under the translucent layer which makes me think the background is still set to black. I can't figure out where that setting is or how to change it. Can you advise? Here's a link . if you select the video button, you'll see the gray background that appears behind the image. Thanks, Mark


Replied 06 Mar 2014 09:26:52
06 Mar 2014 09:26:52 Miroslav Zografski replied:
Hello Mark,

the boilerplate.css has some general styling for table that makes this happening. So check it out.

Replied 06 Mar 2014 14:59:17
06 Mar 2014 14:59:17 Mark Stutzman replied:
Hi Miroslav,

I didn't see anything in the boilerplate.css that looked like a background conflict. Can you be more specific?

Thanks, Mark
Replied 06 Mar 2014 15:01:46
06 Mar 2014 15:01:46 Mark Stutzman replied:
I did open the DMX zone index.html and changed the background color from #EEE to #FFF but it didn't change anything.
Replied 07 Mar 2014 07:41:10
07 Mar 2014 07:41:10 Miroslav Zografski replied:
First it is this statement in boilerplate.css located at line 218:

table {
border-collapse: collapse;
border-spacing: 0;
margin-top: 20px;
background-color: #333;
color: #CCC;
letter-spacing: 2pt;

then it is this statement in boilerplate.css located on line 226:

td {
   vertical-align: top;

Replied 07 Mar 2014 14:44:43
07 Mar 2014 14:44:43 Mark Stutzman replied:
WOW!!! Thanks so much. I changed them to "none" and it looks perfect now. Thanks for the help. I never would have found that. Mark

Reply to this topic