How to reduce the space we have under an "Image info box"?

Hello,

I have a quick question, could you please tell me how to reduce the space I have under a default “Image info box”?
https://imgur.com/pqoscVO

I would like to reduce the space between the Image box element and the block underneath.

Thanks a lot in advance.
Best regards,

Sure, here it is: https://tinyurl.com/yatyq43k

I would also like to reduce the space between the dolphin image and the similar block underneath.

Thank you Vlad!

Hey Vlad you will find the dolphins image in the top right corner : https://imgur.com/Yxm7yw0 for me the default space between those 3 blocks are too big.

I would like to have them closer to each other. How should I do?

Thank you in advance.

Hello Vlad,

I am not using : “Flex Block”
Let me explain you with the following drawing I did for you, it will help you to answer properly:
https://imgur.com/rq7NidW

– I have 3 inner rows
– Each of them contains 1 “Single Image” and “1 Image info box”
– Underneath each inner rows, there is quite a big space / gap.

The question is : How to reduce the the gap between each inner row?

Link if you want to check the source code: https://tinyurl.com/yatyq43k

Thank you in advance, it is really important to me.
Kind regards,

• This reply was modified 6 years by slivertorp.

That’s all good I found the answer myself.

Just in case it can help any one:

1- Select your first “Single Image” and “Image info box” then change for each of them the css > Css-margin bottom to : -1

2- Select the “Single Image” and “Image info box” underneath and change for each of them the css > Css Paddin top to : 10

Now the space between the 2 inner columns is a lot smaller.

Cheers

• This reply was modified 6 years by slivertorp.