• Registered: 2017-12-09
  • Posts: 11

Topic: How to change font size of photo caption/title

Hi so I'm using your pro software with Drupal 7. It's with a module.

I wanted to ask, how to modify the font size of each photo caption/title? We want to lower the font size. Thanks!

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

Re: How to change font size of photo caption/title

Unfortunately, there are no configuration options available to change the font size of image titles and captions.

However, you can style individual image titles and captions (for example, to change the font-size) using HTML formatting as noted in this FAQ:
How do I add HTML formatting to image captions and titles?

A sample caption with a font-size of 12px (for example) would look like this:

<span style="font-size: 12px;">Image caption text goes here.</span>

In the gallery's XML configuration file, the caption would look like this:

<caption><![CDATA[<span style="font-size: 12px;">Image caption text goes here.</span>]]></caption>

... but the Drupal module should automatically add the <caption> and CDATA tags so you should only need to enter the <span> tag (as above).

Otherwise, you can set the size of all image titles and/or captions at once using CSS such as the following (changing the numeric values as appropriate):

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

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

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

You could add this CSS to the end of your gallery's 'jbcore/classic/theme.css' file or wrap it in <style type="text/css"> ... </style> tags and add it to the end of your gallery web page's <head> section (if you have access to this within your Drupal site).