Space Between Figure Caption and Text

[leimao]

Is there anyway to adjust the space between figure caption and the text?

For example, on this page:

We used <br> in the code but the space is just too large. But if we remove the <br> the space will be too small.

[leimao]

This is the generated source code:

<a class="gallery-item" href="/hexo-theme-icarus/gallery/screenshots/addthis-select-tool.png">
<img src="/hexo-theme-icarus/gallery/screenshots/addthis-select-tool.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="Select Tool - AddThis" alt="Select Tool - AddThis">
<p class="has-text-centered is-size-6 caption">Select Tool - AddThis</p>
</a>
<br>

It seems that we can adjust the space using CSS for the caption class?

[leimao]

This CSS code should work:

/* ---------------------------------
 *          Gallery Plugin
 * --------------------------------- */
.gallery-item
    .caption
        color: $grey
        padding:0px 0px 35px 0px;

[leimao]

@ppoffice What are the px-0 and py-0 classes by the way?

[leimao]

They are defined in the CSS.