• pero
  • Member
  • Offline
  • Registered: 2014-01-08
  • Posts: 2

Topic: styling problem when using with bootstrap theme (on Drupal) [SOLVED]

Hello,

I try to use the pro version on Drupal 7 with theme bootstrap (https://drupal.org/project/bootstrap)
The problem is that the active tumbnail's frame is smaller then the thumbnail itself, and the upper icons not vertically centered.

Here is a screenshot:  http://babjak.infornax.hu/sites/babjakf … es/sc1.jpg

The test site is here: http://babjak.infornax.hu/eskuvoi-fotok-ii

If I switch back to Drupal's default (bartik) theme, everything is OK.
I can't find out what is the problem with the bootstrap theme?

Please, help!
Thank you.

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

Re: styling problem when using with bootstrap theme (on Drupal) [SOLVED]

It looks like your Drupal page uses the CSS border box model which currently breaks the Juicebox layout.
This issue has already been addressed and will be fixed in the next version of Juicebox.
In the meantime, you can apply the fix manually by opening the 'jbcore/classic/theme.css' file in a plain text editor and adding 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;
}
  • pero
  • Member
  • Offline
  • Registered: 2014-01-08
  • Posts: 2

Re: styling problem when using with bootstrap theme (on Drupal) [SOLVED]

Thx! It is working great now :)

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

Re: styling problem when using with bootstrap theme (on Drupal) [SOLVED]

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