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 too.

All you need to do is add some data attributes to your anchor links:

Sticky Buttons – Navigation Buttons Stuck to Sides of Browser Window

<code><a href="http://foobox.fooshowcase.com/wp-content/uploads/sites/3/2013/06/foobox-demo-pic-4.jpg" rel="foobox[1]" data-caption-title="Sticky Buttons" data-caption-desc="This FooBox has sticky buttons. They stick to the sides of the page" data-modal-class="fbx-sticky-buttons"><img alt="" src="http://foobox.fooshowcase.com/wp-content/uploads/sites/3/2013/06/foobox-demo-pic-4-150x150.jpg" width="150" height="150" /></a>

Full Height Buttons

<code><a href="http://foobox.fooshowcase.com/wp-content/uploads/sites/3/2013/06/foobox-demo-pic-4.jpg" rel="foobox[2]" data-caption-title="Full Height Buttons" data-caption-desc="This FooBox has full height buttons that stick to the sides of the page" data-modal-class="fbx-sticky-buttons fbx-full-buttons">...</a>
	

Resources

Find the right next step

Use this grid for documentation indexes, support routes, account links, affiliate resources, and download pages.

Documentation

Search setup guides, product docs, and troubleshooting articles.

Support

Open a ticket with product details so we can help quickly.

Licensing

Review account, renewal, refund, and license information.

Pricing update

Monthly & Lifetime plans are currently not unavailable

We’re not offering these payment options right now. Leave your name and email and we’ll let you know as soon as they return.

NameEmailNotify Me

No spam - Unsubscribe anytime