• Registered: 2015-10-30
  • Posts: 23

Topic: Captions/titles not aligning with image [SOLVED]

I can't get the captions titles to align with the left edge of the image. I have them set to align left, and have tried messing around with all the various padding settings. Have also tried messing with the CSS, but can't find what needs to be modified.

When I inspect the page in Firefox and Chrome, the problematic element of the page is div.jb-caption.jb-classifier-layer. I can see that this has 18px of padding on the left and right, as well as 12px on the top and bottom. I need to eliminate the left and right padding. I've looked at all the options in the builder, as well as combing through the css theme, the config xml file, and index.html. I can't find anywhere to modify this.

Any help would be greatly appreciated. Thanks!

Here is the link where we are temporarily testing this:
http://www.erikarand.com/juicebox-test

  • Registered: 2015-10-30
  • Posts: 23

Re: Captions/titles not aligning with image [SOLVED]

Also, not as crucial, but I'd also like to have control over the 12px of top / bottom padding.

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

Re: Captions/titles not aligning with image [SOLVED]

Try adding the following code to the bottom of your gallery's 'jbcore/classic/theme.css' file:

.jb-caption {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

You can change the individual CSS padding values to whatever you like. Please note that you will need CSS !important to prevent the custom values being overwritten by values set internally via the JavaScript 'juicebox.js' file.

  • Registered: 2015-10-30
  • Posts: 23

Re: Captions/titles not aligning with image [SOLVED]

That worked. Thanks so much!

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

Re: Captions/titles not aligning with image [SOLVED]

You're welcome!

  • Registered: 2015-10-30
  • Posts: 23

Re: Captions/titles not aligning with image [SOLVED]

To follow up on this – this seems like a feature that should be included in the builder. I can see many people wanting control over this. As is, it's necessary to add this CSS in after using the builder (and if any changes are made in the builder, it needs to be added in again). Having control over the positioning of captions seems like a pretty basic and essential feature.

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

Re: Captions/titles not aligning with image [SOLVED]

Thank you for the suggestion.
I recommend that you post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
Thank you.