• Registered: 2014-04-21
  • Posts: 28

Topic: Two questions/requests

I have not been able to figure out these things - can they be done? If not, perhaps they can be considered for the next update to JB,

1) Change the font size of the gallery title.
2) When I display a centered caption (e.g., the file name) and the image number e.g., 4/24) below the image, the caption is not actually centered, it is a bit off to the left.

Thanks,

Peter

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

Re: Two questions/requests

(1) There is no configuration option which allows for the font size of the Gallery Title to be changed.
However, you can change the font size of the Gallery Title using CSS. Try adding the following code to the <head> section of your gallery's web page (changing the value for the 'font-size' as appropriate):

<style type="text/css">
    .jb-flag-large-screen-mode .jb-area-large-mode-title {
        font-size: 50px !important;
    }
</style>

(2) When the image number is displayed, the caption will be centered in the remainder of the caption area (the part not taken up by the image number). The area required for the image number is always reserved to ensure that long captions that need to be wrapped do not overlap the image number.
If you want to push your caption along a bit, you can add non-breaking spaces (&nbsp;) to the the start of your caption text, for example:

<caption><![CDATA[&nbsp;&nbsp;&nbsp;Caption text goes here.]]></caption>
  • Registered: 2014-04-21
  • Posts: 28

Re: Two questions/requests

Thanks, this is very helpful. As regards font size, is there a similar CSS way to change the font size of the caption and filename?

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

Re: Two questions/requests

You can change the font size of the image title using CSS such as:

.jb-caption .jb-caption-title {
    font-size: 20px !important;
}

... and you can change the font size of the image caption using CSS such as:

.jb-caption p {
    font-size: 10px !important;
}

You can use the developers tools (usually F12) in modern browsers to determine which classes to modify.