The first one is that I want to have a "normal" full-width footer at the end of projects built with a split-screen layout, just like on the other pages. i think this wont work cause the footer is used as the left half of the splitscreen you could only try to create a custom html element yourself and then use that as th footer: lay options → custom css & html custom html at bottom <div class="my-custom-footer"></div> custom css: .my-custom-footer{ height: 30px; width: 100%; background-color: blue; z-index: 50; position: fixed; bottom: 0; left: 0; } this will just be a fixed empty blue bar at the bottom of ur browser The second problem is the "Active Background Color" from the project index, and it's kind of strange because it worked already. Even when I turn off all custom code, the problem doesn't disappear. The current project in the index on the left side of the "cases" page only gets the active state when the site is reloaded – I didn't get it after a while of research. oh i see! i will release an update now that fixes this!

top half image of a page stays fixed you mean just the top half of a page? so maybe u can create a row. for example its the first row in your layout then right click it, choose "set custom row height" enter: 50svh put something inside the row In the gridder, right click on the row and choose "set html class and id". For "html class" enter: fixedrow Enter the custom css in "lay options" -> "custom css & html": .fixedrow{ position: sticky; top: 0; } maybe u need this instead: .fixedrow{ position: sticky; top: 0; z-index: 20; } not sure

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