Lay Theme Forum

Hey everyone, did you guys ever revisit this issue? Thanks!

Hey @mariusjopen, sorry for reopening a 4 year old thread but I wanted to know if there is a solution for this?

The images on my site take up a minimum of bandwidth and I'd like visitors to be able to zoom into the content. Would be nice to offer them a sharp experience on mobile as well.

Thanks

Hey,

Little update: I searched the forum again and when using other keywords I managed to find the answer to my question:

Thread with the answer. And the relevant CSS classes:

.thumbnail-wrap:hover img, .thumbnail-wrap:hover video {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
}

Thanks @mariusjopen for adding the code snippet in the other thread. I adjusted it to also work for video thumbnails.

Hey everyone,

the current blur mouse-over effect for thumbnails blurs the thumbnail together with its edges. Is it possible to blur the thumbnail within a "mask" so that the thumbnail edges stay sharp?

Thanks

Hey everyone,

is there a way to adjust the image resolution that is being displayed on mobile? The inspect mode tells me that 256x256px versions are being loaded rather than the originals:

<img class="lay-image-responsive lazyautosizes lazyloaded" src="https://domain.com/wp-content/uploads/2022/07/image2x-265x265.png">

I would like visitors to be able to zoom into the page to see more details of the images. Now they just zoom into already pixelated image.

Thanks!

Hey everyone,

I'm curious to know what cookies and data is being stored when using Lay Theme? Is anything being tracked? This is in regards to using Lay Theme out of the box with only it's native plugins and no embedded 3rd party content.

Thank you!

Hey @mariusjopen

Thank you for your response. My current website is restricted with htaccess and I don't really want to share the credentials in the forum, I hope that's okay!

This Codepen shows the functionality that I would like to achieve: https://codepen.io/kevinpowell/pen/KEjMEv

This website also has a similar functionality for example: https://www.inselhombroich.de/

All the best!
– Niclas

Hello everyone,

I would like to apply sticky CSS headers to my layout:

On scroll I would like the headlines on the left to stick to the top left position until the next headline appears and also sticks. I've found this codepen which demonstrates the behaviour but I can't get it to work in LayTheme. This is what I have in written in my Custom CSS section:

I'm presuming that I'm missing something that would link headline and paragraphs?

Any help would be much appreciated!

– Niclas