• kei
  • Member
  • Offline
  • From: amsterdam
  • Registered: 2022-11-24
  • Posts: 5

Topic: how to make gap between title and caption smaller [SOLVED]

Dear Steven

I've been playing with Juiceboxbuilder for some time now.
Surprised there is no mention about using html symbols in the titles and captions, to change font format and to add links
(for example to go to the next gallery).
There is one problem I cannot solve: the space in the images between title and caption is quite large and I cannot find a way to make this smaller, see my example:
https://myvoyages.nl/wp-content/uploads/g-crete5-2/#81

Hopefully you may know a solution for this.

greetings
Willem

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

Re: how to make gap between title and caption smaller [SOLVED]

Hi.

Surprised there is no mention about using html symbols in the titles and captions, to change font format and to add links (for example to go to the next gallery).

The use of HTML in image titles and captions is mentioned in this FAQ (admittedly, links aren't mentioned, though):
How do I add HTML formatting to image captions and titles?

There is one problem I cannot solve: the space in the images between title and caption is quite large...

You could try using CSS to change the margin for either the title or the caption.
Try adding something like the following into your embedding page's <head> section.
Either:

<style>
    /* IMAGE TITLE */
    .jb-caption .jb-caption-title {
        margin-bottom: -10px !important;
    }
</style>

... or:

<style>
    /* IMAGE CAPTION */
    .jb-caption .jb-caption-desc {
        margin-top: -10px !important;
    }
</style>

I hope this helps.

  • kei
  • Member
  • Offline
  • From: amsterdam
  • Registered: 2022-11-24
  • Posts: 5

Re: how to make gap between title and caption smaller [SOLVED]

Thank you !

This works perfectly.

greetings
Willem

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

Re: how to make gap between title and caption smaller [SOLVED]

I'm glad it works for you.
Thank you for letting me know!