In the libraries/colorbox directories there are example1, example2 etc. I cannot seem to find a default folder. Also, it referrs to .css and .js files. But I can't seem to find the .js files inside the example folders... just images, .html and .css files.

Is anyone able to shed some light?

The easiest way is to start with either the default style or one of the
example styles included in the Colorbox JS library download. Simply copy the entire
style folder to your theme and rename it to something logical like "mycolorbox".
Inside that folder are both a .css and .js file, rename both of those as well to match
your folder name: i.e. "colorbox_mycolorbox.css" and "colorbox_mycolorbox.js"

Add entries in your theme's .info file for the Colorbox CSS/JS files:

stylesheets[all][] = mycolorbox/colorbox_mycolorbox.css
scripts[] = mycolorbox/colorbox_mycolorbox.js

Comments

new123456789’s picture

new123456789 commented

Ahhh. Wish all the instructions were written by dolly nyc

Posted by dolly nyc on July 6, 2012 at 1:03am

misscosmic -- the easiest way is to copy the entire "default" or "stockholmsyndrome" folder from the styles folder in the colorbox module folder INTO your theme's folder. Rename the folder to something you'll recognize like "mycolorbox." Inside that folder is a .css file and a .js file (and an images folder). Rename both the .css and .js files to match your folder name: i.e. "colorbox_mycolorbox.css" and "colorbox_mycolorbox.js"

Then, you need to add a line to the info file of your theme -- "yourtheme.info" -- so your theme knows to use the stylesheet from "mycolorbox"

stylesheets[all][] = mycolorbox/colorbox_mycolorbox.css

(It's around line 49 in my theme which is based on Zen--you need to search the .info file for the other stylesheets[all][] which allow the them to override any module's css)

Make sure you have the style set to "None" in the Admin->Configuration->Colorbox settings page under "Styles and Options"

Then make any css adjustments to your "colorbox_mycolorbox.css" file

dolly nyc’s picture

dolly nyc commented
Status: Active » Closed (fixed)

Happy you found that old post. Marking this as fixed, feel free to reopen if things don't work out for you.

dolly nyc’s picture

dolly nyc commented
Issue summary: View changes

log