Thanks a lot, Armin!
It would be really nice to have these options in the future – especially being able to set the opacity for a background color.
Looking forward to it whenever you find the time!
Thanks a lot, Armin!
It would be really nice to have these options in the future – especially being able to set the opacity for a background color.
Looking forward to it whenever you find the time!
I have a small feature request regarding the Lightbox Addon.
Currently, in the Overlay settings, it’s possible to choose an Icon Type: Default, Custom, or Text.
I would love to see a similar option for the Lightbox Addon, allowing the use of text-based navigation instead of icons.
For example, it would be great to use text labels like “Previous”, “Next”, and “Close” instead of the graphical arrows and close icon.
If implementing text options for "Previous" and "Next" would be too complex, perhaps it could already be a great start to offer this option just for the Close icon – so we could display a simple "Close" text instead of the default icon.
Would this be something interesting to add? And if so, could you give a rough idea if and when this might be possible to integrate?
Thanks for considering this idea!
Rock solid, thanks so much Armin!
Thanks gain @arminunruh
If I use the standard text option, I need to manually adjust the positioning to make it fit within my text-based menu layout.
When I add the overlay-close class to the column, it works – but then the entire column becomes a clickable close area, which isn’t what I want.
I tried adding the class only to the link, like this:
<a href="#" class="overlay-close">Sluit</a>
But when I do that, the link disappears entirely.
Do you know why this might be happening, and how I can apply the overlay-close functionality only to the Sluit text link?
Yes, at the moment it's just a link to the homepage, so it doesn’t actually trigger the overlay to close. What I’m looking for is functionality that simply closes the overlay and returns the user to the previous page, regardless of where they came from.
Hi Armin,
Through careful testing, I managed to reduce my images (originally 4096 x 2732 pixels) to a file size of 1.4 MB. I used Photoshop for export, and then optimized the files further using Squoosh.
However, after uploading the image to the media library and adding it to my layout, I noticed that Lay Theme resized the image to 3840 x 2561 pixels, but the file size actually increased to 2.4 MB.
Do you know why this might be happening?
What’s interesting is that I’ve seen the same behavior on newer devices as well – for example, on my wife’s iPhone, which she bought new in December. I’m not exactly sure which iOS version she’s on, but I’ll check that too. So I’m not convinced it’s strictly tied to an older iOS version.
Let me know if there's anything else I can test or try – happy to help troubleshoot further.
Hi Armin, thanks for your response!
I understand that with your solution I can reposition the standard "close" text button. However, I’m now working with a custom text-based menu and I would like to use a text link (e.g. "Sluit") to close the overlay menu, instead of an icon.
I’m unsure how to properly link this text to the closing functionality of the overlay.
Could you please clarify:
Thank you in advance for your help!
Hi Armin, thanks!
I’m using an iPhone 12 with iOS version 15.6.1.
I checked the Lazy Loading settings under Layer Options, and video lazy loading was already disabled.
I've made a screen recording and during testing it clearly shows what I described.
The second time I reload the page, you can see exactly the behavior I want: a quick white flash, then the video appears perfectly scaled.
But on the third reload, it malfunctions again.
Here’s my screen recording for reference.
I'd really appreciate your help Armin.
@arminunruh Would you mind thinking this through with me one more time?
On desktop, everything works perfectly. However, on mobile, there's a brief moment where the video initially loads in its original aspect ratio before it scales to fit the browser height.
I’m wondering if there’s a way to make the video load directly in its scaled version – set to the browser height – without that initial delay or shift.
Strangely, about 1 out of every 15 refreshes on my mobile, it does load just the way I want it to: a quick white flash, then the video appears perfectly scaled. That’s exactly the behavior I’d like to see by default.
Do you have any idea what might be causing this inconsistency? I'd really appreciate your help!
No, unfortunately this doesn't work either. The screen just stays white – it seems like the video isn't loading at all.
Yes! This would be such a handy feature to have. I often find myself needing different styles for links depending on context – would definitely speed things up!
I noticed the new Opacity for Elements feature – nice addition!
When you add a Row Image Background, you also get a slider to set the opacity, but this one doesn’t show a percentage. Would it be possible to add that, so there’s more precise control over the value?
And last but not least, would it also be possible to add an opacity slider to the 'Set Background Color' option as well? I think this would mainly be relevant for projects and pages where it's used as an overlay.
I’d like to use a simple text link (e.g. “Close”> Sluit in Dutch) to close my Overlay Menu instead of an icon. I know it’s possible to choose “Text” as the icon type, but then I also need to position it manually.
The available positioning options don’t align with the custom grid layout I’m using for my menu, which makes it hard to place the close text exactly where I want it.
Here’s the website I’m working on – click on Menu to see what I mean:
https://dev.vandersalm-architecten.nl/
Is there a way to use a text-based close link that integrates better with my custom layout?
Thanks in advance!
Thanks, Armin. It's working like it did before. :)
Thanks, Armin. That did the trick!
Hi,
I'm trying to position multiple text columns at 50% of the row height in my footer. I assigned a class called footerText to the text elements and applied the following custom CSS:
.footerText {
margin-top: 50%; /* Position the text at 50% of the div's height */
}
However, I'm encountering several issues:
Does anyone know what might be causing this behavior and how I can fix it?
Thanks in advance!
Link:
https://dev.vandersalm-architecten.nl/
Screenshots
Footer when set Custom Row Height:
Thanks, Armin! Do you have any recommendations for a good caching plugin for LayTheme?
Since the latest update (8.3.9 - 31 March 2025), I’ve noticed a significant delay in loading a locally hosted video.
I don’t have exact data to back this up, but previously, the video would start almost instantly. Now, it takes 3-5 seconds before it begins to play.
See here:
Do you have any idea what might be causing this? I hope this can be improved!
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
This often solves issues you might run into