I am using the JCE popup lightbox effect to present content items, as well as images. I have been racking my brain trying to figure out why the popup lightbox feature keeps using my template.css file. Yes, I am using a different, more simpler css file for my JCE editor and I have changed the parameters in the JCE configuration accordingly; the admin JCE WYSIWYG is taking orders from the simpler css file, however the popup lightbox effect does not!
Unfortunately, I searched high and low for a solution but still no luck. Therefore, I had to turn to my template.css file and make some fixes and changes, i.e. simply strip the body element from any background images and/or problematic background colors and connect these attributes to a different element, like a 100% width table or a container div.
Another annoying problem occured when I was checking the popup lightbox effect on Explorer 6.0. The fix I told you about is still working, however the text is showing extremely large. Again, I was looking for an answer only to come up with my own small fix:
Simply place this code in your template.css file
table {
}
th {
padding: 4px;
font-weight: bold;
text-align: left;
}
td, div {
text-align: left;
font-size: 11px;
}
…for some reason Explorer 6.0 uses the font-size attribute for the td and the text size goes back to normal.
