Reduce caption padding in inline image block in 7.1?

I'm trying to reduce the padding between an image and caption in 7.1. The default is ridiculously big. Does anyone know of a custom CSS code to fix that issue? I'd like a code that fixes it site-wide. The site is set to private right now because it's not ready yet....Here's an example though, this image is an inline image block.

Can you share link to this page?

The website is private, so I'm guessing you can't access it? Is there a workaround? The client isn't ready for the site to be public.

3 hours ago, poetica said:

The website is private, so I'm guessing you can't access it? Is there a workaround? The client isn't ready for the site to be public.

You can setup  password & share url

If your client's doesn't want this...difficult to help.

Did you send question to my email? If yes, I replied your email with the code.

9 minutes ago, ElaCV said:

Hi Tuanphan I'm also having the same issue.

Any chance you know of a workaround to reduce the gap between the image and the caption?

I've added one piece to change the font size of the captions but can't seem to change the padding:
 

.sqs-block-image .image-caption p {
    font-size: 13px;
    line-height: 1.4em;
}

Appreciate any help you could give

 

Can you share link to page in screenshot?

@tuanphan is a hero!

He sent me this code, which worked like a charm!

figcaption.image-caption-wrapper {
    padding-top: 0 !important;
}
.image-caption p {
    margin-top: 5px;
    margin-bottom: 0;
}

Thank you so much!!!

If you don't want to add any code, you can change the image layout from Inline to Stack and then re-add the caption in the Title section under the image. Leave the Subtitle section blank. Save.

Then, under Design / Image Blocks / Image Block: Stack, change the Image Separation slider to 1% or whatever your preference might be. 

On 3/27/2020 at 1:27 AM, sme06 said:

@tuanphan is a hero!

He sent me this code, which worked like a charm!

figcaption.image-caption-wrapper {
    padding-top: 0 !important;
}
.image-caption p {
    margin-top: 5px;
    margin-bottom: 0;
}

Thank you so much!!!

Thanks it works perfectly ! I was looking for this for several weeks. Thank you !