Change FooBox Size

FooBox Documentation

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 will not grow larger than what is specified.

To do this, just add your desired pixel height and width to the following attributes:

data-height="600" data-width="480"

It’s important to note that there is NO “px” in the attributes.

And here’s the code used to do that:

<a href="image1.jpg" 
  data-width="600"
  data-height="480"
  target="foobox" 
  data-caption-title="A caption title here" 
  data-caption-desc="A caption description here">Open Image</a>

Where do I put this code?

If you are wondering where you add these data attributes, then the answer is usually directly in your page content, by editing the actual HTML code in your page or post.

However, sometimes your content is generated dynamically for you by either a plugin or your theme. Either way, you will need to contact the plugin or theme developer to see if they have any WordPress filters which will allow you to override the HTML output.