-
Posts
-
Hi there,
What would be the magic CSS code for Masonry to:
- Display the text BELOW the image (always visible) but NOT ON the image (as now in the options, but really BELOW the image. Example: https://www.chasejarvis.com/project/creativelive/
As for the now, the fixed caption is ON TOP of the image: https://www.davidstegmann.com/?page_id=3254
Hey Oldmanriding,
Here are the docs for you to see all the available options for the masonry:
If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
Thank you, I do not see the link to the docs. My questions was related to CSS though. I tried some CSS to reposition the text below the image, but did not succeed.
Again: I would like to display the title and short text in a text box below the image (always visible). Ont on the image as it is now.
Example: https://www.chasejarvis.com/project/creativelive/
Any ideas how to do that?
Hi Oldmanriding,
Here is the link to the docs in private. Not sure it can be easily achieved, unfortunately.
Best regards,
VictoriaThanks. Yes, it should be possible easily for somebody knowing CSS. I tried:
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
padding-bottom: 65%;
}#top .av-inner-masonry {
overflow: visible;
}.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
bottom: -59px;
}But this did not work out well.
Hi Oldmanriding,
I do know css, but here the position of every element is calculated by JavaScript and so just css will not do in this case, unfortunately.
Best regards,
Victoria
- The topic ‘Caption UNDER image in Masonry’ is closed to new replies.