Home>Support>Problem with test mansonnery

Problem with test mansonnery

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.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 15 days, 2 hours ago Andrew Misplon Hi, I Work Here

    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;
    }
  2. 11 days, 6 hours ago lateliergraphic

    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.

  3. 11 days, 5 hours ago Andrew Misplon Hi, I Work Here

    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

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More