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 eloqui.com/staging/#about . if you select the video button, you'll see the gray background that appears behind the image. Thanks, Mark

Hello Mark,

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

Regards,

Hi Miroslav,

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

Thanks, Mark

I did open the DMX zone index.html and changed the background color from #EEE to #FFF but it didn't change anything.

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

Regards,

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