• Registered: 2013-11-14
  • Posts: 4

Topic: thumbSelectedFrameWidth does not match thumb size [SOLVED]

I'm using the WP-Juicebox plugin and despite all my attempts to customise a gallery, even with PRO options are limited using this plugin, and stuggling to get the thumbSelectedFrameWidth to be the same as the thumbnail, see example here

http://www.joejourneys.com/juicebox-test/

Ideally I would like to use the Flat Design  theme, but regardless of changing my config, I can't get this to work in Wordpress.

joejourneys's Website

  • Registered: 2012-04-24
  • Posts: 5,924

Re: thumbSelectedFrameWidth does not match thumb size [SOLVED]

The link you posted comes up with a 'Page not found' message.

However, it sounds like your current WordPress theme uses the CSS border-box model which currently breaks the Juicebox layout. (This will be fixed in the next version of Juicebox.)
To implement the fix manually, open the 'wp-juicebox/jbcore/classic/theme.css' file in a plain text editor and add the following code to the file:

.juicebox-gallery h1, .juicebox-gallery h2, .juicebox-gallery h3, .juicebox-gallery h4, .juicebox-gallery div, .juicebox-gallery p, .juicebox-gallery span{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

Hopefully this will solve your problem.

  • Registered: 2013-11-14
  • Posts: 4

Re: thumbSelectedFrameWidth does not match thumb size [SOLVED]

This worked, thanks!

joejourneys's Website

  • Registered: 2012-04-24
  • Posts: 5,924

Re: thumbSelectedFrameWidth does not match thumb size [SOLVED]

This CSS issue has now been fixed in v1.4.0. Please see this blog entry for details.