Hello,
I have a problem with the activation of the text option in the mansonery widget: let me explain, when I activate the text, it appears either at the top or at the bottom of the thumbnail by cropping the image (top or bottom) what I wanted to do was make the text appear in the middle, so I used this css
.sow-masonry-grid-item
.image-title {
opacity: 1;
position: absolute;
text-align: center;
left: 0;
right: 0;
top: 40%;
}
http://www.lateliergraphic.com/home/001.png
http://www.lateliergraphic.com/home/002.png
which works well , but the empty box still there, (as I only activate some text, that does not render well so I tried with this css but it does not work.
.sow-masonry-grid-item
.sow-masonry-grid-image img {
height: calc(100% – 0px);
width: auto;
margin-left: -100px;
}
Could you help me please?
Thank you again
Best regard
S.
Hi S.
Thanks for getting in touch.
Heights are set using JavaScript. This request is probably something that would need to be addressed via a feature request and change to the widget. You can perhaps try experimenting with:
.sow-masonry-grid-item img[style] { height: 100% !important; }Hello Andrew,
thank you for answering me, your help is very valuable and your code works wonderfully! It makes it more aesthetic like that! thanks again. If this request is processed via an addition of functionality and a modification of the widget, let me know that I am removing this little piece of code that does the job!
Thanks for your help again
Best regard
S.
Hi
Thanks for the update; I’m glad to hear you’re making progress. I’ll chat with Alex here at SiteOrigin about your request. In the event an overlay option is added, we’ll be sure to let you know.
Cheers for now.
Andrew