ok so we disabled the caching plugin and now it seems to work

THX it worked.

no you dont insert html code. you insert a url to a mp4 video like: https://player.vimeo.com/progressive_redirect/playback/1038893865/rendition/1080p/file.mp4 :DD

Thanks a lot!!!

Cool, thanks!! Yes, it is only shown while sliding. It is a detail, but it bothered me, especially because I had rounded corners on the images :)

for html5 video elements? <script> window.laytheme.on("newpageshown", function(){ jQuery('video').on('mouseenter', function(){ this.pause(); }).on('mouseleave', function(){ this.play(); }) }) </script> Enter this css in "lay options" -> "custom css & html" -> "custom head content" autoplay must be on mute must be on [image: 1743434842795-screenshot-2025-03-31-at-17.27.20.png] this way the video will play at first and when you mouseover it pauses. then when you move mouse away it plays again

unfortunately tables are really not so great in the texteditor. its just the standard table plugin of the texteditor. i might need to create some kind of table element one day :O

maybe if you try this instead? .type-elementgrid .ph{ padding-bottom: 100%!important; } .type-elementgrid img, .type-elementgrid video{ height: 100%!important; width: 100%!important; object-fit: cover!important; object-position: center; } .type-thumbnailgrid .ph{ padding-bottom: 100%!important; } .type-thumbnailgrid img, .type-thumbnailgrid video{ height: 100%!important; width: 100%!important; object-fit: cover!important; object-position: center; }

i have a paypal :D armin.unruh@gmail.com please dont send more than 5€, this support here is included in the price of lay theme ^^ if you want me to do more extensive programming for a website, like you need many customizations or even custom lay theme elements, you can write an email to me and i can create a cost estimate doing this is a little tricky. because the size of the image is calculated with javascript to have the right space at the top and bottom. however, what you could try is this css which simply scales down the image while the space at the bottom should remain the same: #lightbox-region .swiper-slide img{ transform: translate(-50%, calc(-50% + 20px)) scale(0.8)!important; } you can play around with 20px and 0.8 for different sizing and positioning

mmh for me it works. do you have a link? can you update lay theme?

thank you very much armin

awesome i saw it on IG!

its a good idea you can do sth like this with css: .background-image.background-image-count-2 img:first-child{ left: 20px!important; width: calc(50% - 30px)!important; } .background-image.background-image-count-2 img:last-child{ right: 20px!important; width: calc(50% - 30px)!important; left: auto!important; } Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

hey i need a link. maybe ure using custom phone layout and forgot to put all content into it?

.lay-overlay>.lay-content{ background-color: transparent; } .lay-overlay>.lay-content #grid{ background-color: rgba(255,255,255,0.9)!important; } maybe it could be good to learn how to use the browser inspector and how to create custom css for you with the browser inspector you can see which html elements are on a page and what css is currently applied to them. then in there you can change the css live to get a preview of what css would nee to be written to change how things look, pls google that

[image: 1743421992385-screenshot-2025-03-31-at-13.53.08.png] will be included with the next update

next lay theme update will include a setting in customize → project thumbnails → project title to Have project titles also follow the mouse on non touch devices

Thanks, Armin. I found that the best approach to make it work was: Set the vertical alignment of the text slides to "Top." Select "Fixed Height" for the carousel. Set the height to 60vh. Align the carousel to the bottom of the row in the grid layout.