Reduce caption padding in inline image block in 7.1?

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?

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.

@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.