1 Topic by coastelem (edited by coastelem 2014-01-06 21:02:59)

  • Registered: 2014-01-06
  • Posts: 6

Topic: Image and thumbnail frames off-center [SOLVED]

Hi, I actually have the pro version but this post addressed what I am trying to do. What soboyle says.

I tried the
frameWidth = 20
frameColor = #FFF

and when I view the gallery the main image border while the white and width settings work, the border is placed strange. It seems to leave some room on the right of the image area but cuts into the image area on the top, bottom and right side. So it seems to put the frame around the interior of the image??? and not around the outside of the image???

Can someone help me figure out how to get the border around the outside of the image so as not to mess up the image itself...

Thank you ahead of time.

Here is a test gallery if needed - you can see my frame is all messed up. ems-gallery (dot) com/photo-gallery/gallery-2.html

Also the active transparent frame on the thumbnail for the active selection is weird too, but that is perhaps a different question...

I have done both a full frame gallery and a set size gallery and this situation is the same either way. Admitted newbie here:-)

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

Re: Image and thumbnail frames off-center [SOLVED]

Both of your current problems may be related.
It looks like your web page may use the border-box model and this is known to break the layout of Juicebox.
Try opening your gallery's 'jbcore/classic/theme.css' file in a plain text editor and add the following code to the file.

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

Hopefully this will solve your problems.

This issue has been addressed and will be fixed in the next version of Juicebox.
If you would like to be notified when a new version is released, please join our mailing list at the foot of our homepage, follow us on Twitter @JuiceboxGallery or subscribe to our blog RSS feed.

[Post split to new thread.]

  • Registered: 2014-01-06
  • Posts: 6

Re: Image and thumbnail frames off-center [SOLVED]

Hi Steven, YES that worked!!!

Yeah and THANK YOU!

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

Re: Image and thumbnail frames off-center [SOLVED]

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