Masonry Styling: gap between images - Support | Kriesi.at

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
July 7, 2020 at 2:45 pm #1228609

xela
Participant

Hello, I need to get more space between images in a flexible masonry grid. The “Big distance”-option is not enough.
Can you tell me whether I can use some CSS to manage it?

THANKS!
Alex

July 7, 2020 at 8:39 pm #1228686

Victoria
Inactive Moderator

Hey alex,

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

July 8, 2020 at 7:10 am #1228775

xela
Participant

yes, of course, thanks.
_
Please scroll down to the masonry, there are three images right now.
The grid of the gutter should have way more whitespace.

thanks!

July 8, 2020 at 7:25 pm #1228966
Jordan Shannon
Inactive Moderator
Hi,

Add this to quick css:
```
#av-masonry-1 figure{
    padding:50px!important;
}
```
Adjust the padding to whatever you need.

Best regards,
Jordan Shannon
July 9, 2020 at 6:11 am #1229059
xela
Participant
Thanks, but when I hover over the images the background still is in the former padding which makes it look quite unpolished.
Could you help again, thanks!

Best regards
- This reply was modified 4 years, 4 months ago by xela.
July 10, 2020 at 3:28 am #1229267
Jordan Shannon
Inactive Moderator
Hi,

Try adding the following as well:
```
#av-masonry-1 figure:hover{
    padding:50px!important;
}
```
Best regards,
Jordan Shannon
July 10, 2020 at 9:23 am #1229350

xela
Participant

Unfortunately it did not work, but I added sth. like:

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
margin:52px!important;
}

That kind of made it.
Thanks anyways.
Alex

July 10, 2020 at 8:50 pm #1229490

Jordan Shannon
Inactive Moderator

Hi,

No problem. Did you need additional help with this topic or shall we close?

Best regards,
Jordan Shannon
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.