Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1351655

    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

    #1351687

    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

    #1351713

    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, 7 months ago by Sigmund.
    #1351823

    Hi,
    Thanks for sharing your solution, but I note that the masonry title container stretches across the gap:
    2022-05-14_016.jpg
    this css seems to help:

    .av-masonry-entry .av-inner-masonry-content {
        width: calc(100% - 10px);
    }

    2022-05-14_017.jpg

    Best regards,
    Mike

    #1351910

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

    Best Regards
    Sigmund

    #1351931

    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

    #1351934

    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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.