1 Topic by Vinc26 (edited by Vinc26 2015-10-22 14:52:44)

  • Registered: 2015-10-22
  • Posts: 5

Topic: Lightroom plugin : the result is absolutely not what I set

Hi,

You can see here the result :
http://aurelielamour.com/galeries/test/

- You can see the linear-gradient for the caption : It's not what I've set (It's even impossible to set a gradient ??!). I've set a white caption background color with 30%opacitity. Same bug if I put the caption over the image.
- You can se the logo : even set at 50px height, when small window, the image go below the logo...

I've try to edit the css : not better. the gradient is write directly in the html code :o

I'm really disappointed :( 49$ for something doesn't really work. What append ?

Here is capture of the bugs :
http://www.aurelielamour.com/bug.png

  • Registered: 2012-05-02
  • Posts: 161

Re: Lightroom plugin : the result is absolutely not what I set

The HTML validator at W3C -- https://validator.w3.org/ -- shows a few errors in the code. I'm not familiar with Lightroom, but you might want to address those errors, to see whether it makes a difference in the display.

Cheers,

Bill P.

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

Re: Lightroom plugin : the result is absolutely not what I set

You can see the linear-gradient for the caption

I notice that you have set only captionBackColor. You can set both captionBackColor and captionBackTopColor (both in the 'Color' section) to set the colors for the top and bottom of the caption area (which blend into each other in the middle).

If you do not explicitly set captionBackTopColor, then its default value of rgba(0,0,0,0) will be used and the captionBackColor (at the bottom of the caption area) will fade into a fully transparent area at the top. If you want such a gradient (a single color fading into transparency), then set either captionBackColor or captionBackTopColor to rgba(0,0,0,0) and the other to whatever color you like.

To see how two colors blend into each other, here is a sample gallery setting captionBackColor=rgba(255,0,0,1) (opaque red) and captionBackTopColor=rgba(0,255,0,1) (opaque green).

Also, your captionBackColor has been set to white (with a transparency of 0.3) and your gallery's background is also white. Setting a captionBackColor to the same color as your gallery's background means that it will not be visible (no matter what its transparency). (White with any amount of transparency will always look white on top of a white background.)

You can se the logo : even set at 50px height, when small window, the image go below the logo...

The extra height is likely to be due to padding used for the gallery title (which is usually text). The easiest remedy would be to increase the topAreaHeight (in the 'General' section) to allow more room for your logo image.

shows a few errors in the code

The errors reported by the validator are the height='50px' attribute in the <img> tag and no 'alt' attribute. When used as an attribute, the height should be numeric (with no 'px' suffix). A missing 'alt' attribute will fail validation but will not cause any problems. (This is unlikely to make a difference to the display. Most modern browsers will likely be tolerant towards such validation errors.)

  • Registered: 2015-10-22
  • Posts: 5

Re: Lightroom plugin : the result is absolutely not what I set

Many thanks ! (happy for the 49€ ;) )

I have 2 or 3 questions more :

- How to change the font to a Google font (Open 300). If possible, the easiest way... :)
- How to the text size for all the caption (left text is bigger than numbers at right)

It's always here : http://aurelielamour.com/galeries/test/

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

Re: Lightroom plugin : the result is absolutely not what I set

How to change the font to a Google font (Open 300). If possible, the easiest way... :)

Please see the Using Custom Fonts support section. There is a link to a Juicebox gallery using a Google font. You can check the source of the page in your browser and copy or modify it to suit your own needs.

How to the text size for all the caption (left text is bigger than numbers at right)

You can change the font size of an image title or an image caption using HTML formatting as noted in this FAQ:
How do I add HTML formatting to image captions and titles?

If you wanted to change the font size of all captions in a gallery, then you could add CSS such as the following to the <head> section of your web page:

<style type="text/css">

    /* IMAGE TITLE */
    .jb-caption .jb-caption-title {
        font-size: 24px !important;
    }

    /* IMAGE CAPTION */
    .jb-caption .jb-caption-desc {
        font-size: 24px !important;
    }

    /* IMAGE NUMBER */
    .jb-cap-frame .jbac-number {
        font-size: 24px !important;
    }

</style>

Incidentally, I notice that you use image titles instead of image captions.
By default, image titles have a slightly larger font size than image captions so if you used image captions instead of image titles, you should find that the font size of the image captions matches that of the image numbers.

  • Registered: 2015-10-22
  • Posts: 5

Re: Lightroom plugin : the result is absolutely not what I set

Thanks.

I've haded @import webfont in css (directly in the plugin). But I risk to loose it the next update... Could you simple add a Custum CSS entry directly in LR ?

And yes, using caption instead of Tilte works perfectly.

Happy !

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

Re: Lightroom plugin : the result is absolutely not what I set

If you want certain code to appear in all galleries created by the plugin, you can add the code to the template files that the plugin uses to generate the pages.
If you want your @import line of code to be included in all gallery 'theme.css' files, just add it to the 'juicebox_pro.lrwebengine/jbcore/classic/theme.css' file.

  • Registered: 2015-10-22
  • Posts: 5

Re: Lightroom plugin : the result is absolutely not what I set

Yes, that's what I've done. :)

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

Re: Lightroom plugin : the result is absolutely not what I set

I'm glad you've figured it out.
Thanks for letting me know.

10 Reply by Vinc26 (edited by Vinc26 2015-10-25 11:04:45)

  • Registered: 2015-10-22
  • Posts: 5

Re: Lightroom plugin : the result is absolutely not what I set

Finally, I'm very happy with Jukebox. The only thing to improve would be to add Custom CSS code directly in LR :)