Question

I am using Colorbox (the js library for popup windows) on a site. On some pages, I need to use different looks for the colorbox and/or its parts (like the close box, use a different png file).

Since the js library generates the code for the popup div on the fly, what’s the most efficient way to handle different “looks” for different pages on the site without duplicating any code?

Answer 1

While it generates HTML on the fly, it still use the same CSS as everything else. So just add on required page <style> tag with required css which will override default styles or prepare few css files, with css rules overriding default styles, which you will attach to your page when you need that.