Lay Theme Forum

arminunruh

i fixed it

had to put

define('CONCATENATE_SCRIPTS', false );

in wp-config.php

very rare error!
not sure why it happens thats random

arminunruh

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

arminunruh

arminunruh

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

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

arminunruh

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

arminunruh

Screenshot 2025-03-31 at 17.42.41.png

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

Screenshot 2025-03-31 at 17.43.12.png

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

arminunruh

Screenshot 2025-03-31 at 17.35.24.png

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

arminunruh

when using "aspect ratio of first element"
only one image at a time is shown:
Screenshot 2025-03-31 at 17.30.01.png

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.

arminunruh

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
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

arminunruh

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

Lay Theme Forum

Global Moderators

Posts

Member List

Before you post:

When you post:

Online Users