How to change the lightbox text size? (PhotoSwipe)

­

It's really simple, just go to JIG Settings > Custom CSS and paste this code:

Change the numbers 16 and 14 to have different text sizes. The first rule is for the main line of the lightbox caption, the second rule with the smaller font-size is for the small text.

Are happy with the default font-sizes, but for some reason the text (could be the only text) you wish to show is displayed with the second, smaller caption line? It is because your text is placed on the link title attribute, and not on the img alt. To fix this:

  1. Go to the Lightboxes tab > What text to show inside the lightbox section > WP field for link title (anchor tag's title attribute) and select the Description option. This will put the longer text (the description) to the small part of the PhotoSwipe caption.
  2. Also, go to the Lightboxes tab > What text to show inside the lightbox section > WP field for img alt (image tag's alt attribute) and select the Title option. This will place the shorter text (the title) to the large part of the PhotoSwipe caption.

While these are the default options, switching to a preset that brings a different lightbox, can change these values.

This FAQ entry was posted in Visual on February 6, 2017