hey an element grid is not a carousel i think u're looking to create a carousel: https://laytheme.com/addons/carousel.html sorry for the late response and can u update lay theme and the carousel addon? maybe it was an issue with that, i just fixed something they are two big, is there any way to force the wp to resize the pictures? do u mean they are big in data size, like 5Mb or like many megabytes? or do u mean they are too big on the website, meaning the dimensions in the browser?

#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: red!important; } Enter the custom css in "lay options" -> "custom css & html".

project index element yes google "how to use chrome inspector" [image: 1711187985168-screenshot-2024-03-23-at-06.59.39.png] inspect the projectindex element u will find it consists for rows like above these rows have classes like "projectindex-project-slug-my-offset-test" it has this structure "projectindex-project-slug-{yourtitle}" .lay-projectindex-row.projectindex-project-slug-yourtitle{ text-align: right; } [image: 1711188163099-screenshot-2024-03-23-at-07.02.27-resized.png] then one row of the projectindex looks like this not sure if thats how you want it to look?

maybe read tutorials like this: https://blog.shahednasser.com/how-to-style-an-audio-element/ https://css-tricks.com/lets-create-a-custom-audio-player/ maybe u can find a wordpress plugin

maybe disable "never show resized versions of images" or disable your plugin that creates the webp images cause it seems like [image: 1711187476495-screenshot-2024-03-23-at-06.51.10-resized.png] all these different image sizes like for example: 512w, should load an image that is 512px. but here, it kind of links to "https://i0.wp.com/www.maximilianborchardt.de/wp-content/uploads/2020/04/170419-95-scaled-e1708952758449.jpg?resize=512%2C769&ssl=1" instead of 170419-95-scaled-e1708952758449-512… and that doesn't seem to work. it seems like when i open this url https://i0.wp.com/www.maximilianborchardt.de/wp-content/uploads/2020/04/170419-95-scaled-e1708952758449.jpg?resize=512%2C769&ssl=1 then the full sized image is loaded instead of the 512px width image [image: 1711187682017-screenshot-2024-03-23-at-06.54.36.png]

@arminunruh Thank you so much, that was it :)

ok thanks

ok. perfect! Thank you all!!

sure! u can also use this new css feature: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

@arminunruh Worked like a charm, thank you!

fount it out, thanks!

perfect, it works now. Thank you again

Dear Armin, many thanks / vielen dank ;)

In the gridder, right click on the element and choose "set html class and id". For "html class" enter: ontop (make sure u actually right-click on the stack element, not on one of the elements inside the stack) Enter the custom css in "lay options" -> "custom css & html": .ontop{ z-index: 99!important; }

@arminunruh Thankyou Armin !

@felix_rabe <3 thanks so far mate! Looks good. I might try again to do it hehe.

is it the issue where it hides when you scroll up to the top? is ur lay theme up to date? i think i fixed it one version ago yea i just tested it, its already fixed sorry for the bug

no its not possible :/

ah ok! lay theme and its plugins should be php 8 and php 7 compatible