Lay Theme Forum

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

as i said i need a simpler test case

:(

thats so weird, i cant find any code that would prevent this.
also i cant reproduce this on my lay theme

can you go to laykeymanager.com, download an earlier version of lay theme and install that and see if that works

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

ok i will check it out!

just write me info@laytheme.com with key

i fixed it

had to put

define('CONCATENATE_SCRIPTS', false );

in wp-config.php

very rare error!
not sure why it happens thats random

u need to apply background: transparent!important; to .row

and overflow: hidden to .row-inner

probably the overflow: hidden was missing

.row.spaceRow{
background-color: transparent!important;
}
.row.spaceRow .row-inner{
border-radius: var(--borderRadius);
overflow: hidden!important;
}
.row.spaceRow:hover .row-inner{
border-radius: var(--borderRadiusFull);
}

try to remove your css for that and use the css above

<div class="accordion-title _accordion_title">

body.id-70 #grid{
background-color: transparent!important;
}

body.id-70 .grid-inner{
background-color: #fff677!important;
border-radius: 20px;
}

can u try the steps in the blue box to the right

this custom html of yours is at the top it presses everything down

on the right side is a blue box, u can always try the things in there, sometimes it fixes an issue

if your custom html is important, you can use css position fixed on it, so it wont press down the rest

or insert it in html at bottom instead of html at top

did you put wrong custom height here?
in right click row - set custom height

%px is invalid css

change your css to be more like this:

.row.spaceRow{
background-color: transparent!important;
}
.row.spaceRow .row-inner{
border-radius: var(--borderRadius);
}
.row.spaceRow:hover .row-inner{
border-radius: var(--borderRadiusFull);
}

dont put your border radius on row, instead use it on row-inner

then use we use the hover on .row to style .row-inner

my guess is firefox changes the boundary boxes of where :hover is applicable when the box gets round.
doing the above we can circumvent this. cause .row's box will stay the same, only the inner .row-inner radius will change.

both .row-inner and .row use the background color. by setting the .row bg color to transparent, we make sure only the bg color of the div that gets rounded during the animation is in use

when using "aspect ratio of first element"
only one image at a time is shown:

the currently non existing space between images is just shown during the sliding animation.

i will show the "space between slides" setting for this case too with the next lay theme update.

i just tested it and it seems to work fine.

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

this way the video will play at first and when you mouseover it pauses. then when you move mouse away it plays again

idk what u mean for me it looks like this:
https://www.dropbox.com/scl/fi/tdllv0lcjgup0wth2qfey/Screen-Recording-2025-03-31-at-17.22.32.mov?rlkey=oa6xb4cezc9zux5rmdcban1oc&st=fxw9gsn7&dl=0

can u do a video or screenshots to explain

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

hey sorry about not answering.
i will try to make stack elements be able to have things inside of them be next to each other this week or next week. lets see if i can make it, cause i have so many things to do :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;
}

ok well do you have the link to that page please?
with password in case you set a password to your page :DD