Masonry Element Image spacing - Support | Kriesi.at

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

Author

Posts
May 13, 2022 at 11:00 am #1351655

Sigmund
Participant

Hello,
I like to have some spacing between the images of the masonry element, showing blog posts images in my case. How do I achieve that?

Best Regards
Sigmund

May 13, 2022 at 6:23 pm #1351687
Rikard
Keymaster
Hi Sigmund,

Please try the following in Quick CSS under Enfold->General Styling:
```
.av-masonry-col-3 .av-masonry-entry {
    width: 31%;
}
```
Best regards,
Rikard
May 13, 2022 at 9:54 pm #1351713
Sigmund
Participant
Hi Rikard,
thanks for joining. I have tried your code with no results. Even more the layout gets unresponsive.

I have set
```
.main_color .av-masonry-pagination, .main_color .av-masonry-pagination:hover, .main_color .av-masonry-outerimage-container {
	margin-right: 10px;
}
```
which works. Is this solution okay from your view?

Best Regards
Sigmund
- This reply was modified 2 years, 6 months ago by Sigmund.
May 15, 2022 at 12:17 am #1351823
Mike
Moderator
Hi,
Thanks for sharing your solution, but I note that the masonry title container stretches across the gap:

this css seems to help:
```
.av-masonry-entry .av-inner-masonry-content {
    width: calc(100% - 10px);
}
```
Best regards,
Mike
May 16, 2022 at 9:42 am #1351910

Sigmund
Participant

Hi Mike,
thanks for that, it works.
You can close the topic, if you want.

Best Regards
Sigmund

May 16, 2022 at 12:30 pm #1351931

Mike
Moderator

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

May 16, 2022 at 12:31 pm #1351934

Rikard
Keymaster

Hi,

Great, I’m glad that Mike could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard
Author

Posts

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

You must be logged in to reply to this topic.