Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
poetica

Reduce caption padding in inline image block in 7.1?

Question

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.

Screen Shot 2020-01-28 at 11.27.53 AM.png

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 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?


COVID-19: Free priority support for all users (29/03 - 30/04).

You can tag me (@tuanphan) or send to my email.

 

Share this post


Link to post
  • 0

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.

Share this post


Link to post
  • 0
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.


COVID-19: Free priority support for all users (29/03 - 30/04).

You can tag me (@tuanphan) or send to my email.

 

Share this post


Link to post
  • 0

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

Edited by sme06

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...