Search code examples
cssdrupaldrupal-6lightbox2

Styling the content of Lightbox2 popups

I'm using Lightbox2 to display a node within a Lightbox iframe popup (using rel="lightframe" within a link).

Is there a way to pipe CSS into this iframe so I can style the contents the way I want them?

(I actually don't understand why using a rule like iframe body {font-size:1em} doesn't work, but that's just me being stupid... :-/)

I'm guessing I need to run a JavaScript function after the Lightbox has loaded that will add the CSS. Will that work?

Solution

  • To begin with styling an iframe is a little headache, or at-least that is what my designer told me ;)

    The easiest solution would be to add the styles directly in the template of the node type that you are trying to display in lightbox. This would work if you lightbox is the only place where you are displaying that node.

    This is a working solution but not an elegant one. Would appreciate if somebody can come with a more elegant solution.