Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 13, 2025 at 12:26 am #1492476
    ti2media

    Dear Support,

    I am using a masonry element on the page.
    The title is put on the bottom of the image.

    Is it possible to put it below the image?

    Regards
    Stefan

    December 13, 2025 at 12:16 pm #1492480
    Mike

    Hey ti2media,
    Try this css in your child theme stylesheet:

    #top.home #av-masonry-1.av-masonry a.av-masonry-entry {
	margin-bottom: 50px !important;
}
#top.home #av-masonry-1.av-masonry .av-inner-masonry {
	overflow: visible;
}
#top.home #av-masonry-1.av-masonry .av-inner-masonry-content {
	position: relative !important;
	top: 100%;
	width: auto;
}

    Then clear your cache and check.

    Based on Guenni007’s solution.

    Best regards,
    Mike

    December 13, 2025 at 7:04 pm #1492489
    Guenni007

    you can see (including a snippet for child-theme functions.php ) a different solution – where the margin-bottom value is ruled by a script.

    Only for masonry galleries – not for Masonry Entries

    This code fixes caption overlay issues in Enfold’s Masonry elements by:
    – Flexible Masonry: Places captions below images instead of overlaying them
    – Perfect Grid: Dynamically calculates margin-bottom based on caption height

    see: https://webers-testseite.de/masonry-with-captions/

    PS: for pefect grid and automatic grid – there are sometimes timing problems . Maybe i find some time to correct it in the script. For flexible Masonry this solution works very good.

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