Appearance

Display Settings

FooBox works out-of-the-box and you shouldn't have to change or adjust too much to get going. Below are the general settings that you may want to adjust to…

Change FooBox Size

You can set the lightbox height or width in case you want to override the defaults. These settings should be thought of as "max-height" or "max-width", as FooBox…

Manually Specify Different FooBox Styles

You would normally set the default style and theme for your entire site, but you can have different looking FooBox modals of different galleries and pages!

Adding a Custom Loader Icon

Replacing the FooBox animated loading icon with your own animated gif is pretty straight forward. Simply use the CSS snippet above and paste it into your "Custom CSS"…

Manually Specify Different Button Styles

You would normally set the default navigation button styles for your entire site, but you can have different looking FooBox modal navigation buttons for different galleries and pages…

Open a Hidden Gallery from a Text Link

You will need to use some custom HTML in your page or post:

Open a PDF in FooBox

Example Code

Custom Captions in FooBox

There are essentially 3 ways to change the captions that are shown in FooBox: