Hello Armin,

You're right! Now it's fine! It loads super fast! I really don’t know what could have been the reason. :-/ I tried it on two different computers with two different internet connections. Maybe both of them just happened to be bad by coincidence.

But thank you for your effort! :-D

All the best,
Aleks

the code for the editor is just so old, it doesnt recognize that css as valid css

no extra css is needed
the color will always depend on whats beneath the text

ok if you update lay theme now, go to customize → intro.
here u will find:

Screenshot 2025-01-24 at 18.25.08.png

in here, you can add the html code of your video
you'd need to write custom css for that video to be sized properly and for it to have the correct placement inside the intro

if you want i can help you with this but first u'd need to add your html there and then post the link to the website

about having a video background for the website:
you'd need to add your video html markup in:
lay options → custom css & html → custom html at bottom

then you'd need to write css to position that video correctly
i can also help u with that, but first you'd need to add the html there and then post a link to your website here

It worked like magic, thanks a lot!

try this

this makes all menubars of project pages black:

body[data-type="project"] .navbar { background-color: black!important; }

similarly you can do:

body[data-type="page"] .navbar { background-color: green!important; }

which makes all "pages" menubars green

hey please dont insert jquery, its already inserted!,
so remove this:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

please read this on how to do something when a new page is loaded:
https://laytheme.com/documentation/custom-javascript.html#newpage-events

we have a custom javascript event window.laytheme.on("newpageshown", function(){

the onload event will only trigger one time, instead of every time you go to another page IF your website doesnt do a hard reload on navigation but instead uses the default ajax way of navigating

your website uses the normal ajax navigation

this is how i would do it. on newpageshown, it checks if the page is a project or not. if it is, it hides the star.
if its not a project it shows the star and moves it.

<script> window.laytheme.on("newpageshown", function(){ if(jQuery('body').attr('data-type') == 'project'){ jQuery('#logo').hide(); } else { jQuery('#logo').show(); move(); } }) function move() { let img = document.getElementById('logo'); let imgWidth = img.width; // Récupère la largeur actuelle de l'image let imgHeight = img.height; // Récupère la hauteur actuelle de l'image // Calcule les positions aléatoires en tenant compte des dimensions de l'image let maxX = window.innerWidth - imgWidth; // Position horizontale maximale let maxY = window.innerHeight - imgHeight; // Position verticale maximale // Déplace l'image dans un emplacement aléatoire mais dans les limites de la fenêtre img.style.left = Math.floor(Math.random() * maxX) + "px"; img.style.top = Math.floor(Math.random() * maxY) + "px"; } </script>

you may also want to use this css

#logo{ pointer-events:none; }

this way you can click things that are behind the star

That did it. Thank you very much.

okay, I will see what the will answer me :)

The workaround I also thought of, but it is the least comfortable.

Thanks.

@alasdair17 Thanks, it works!

Looks like I had the "img" and class the wrong way around...

Cheers :)

Hey @arminunruh , would it be possible to extend the search? Would be thankful to have this feature on the search function if it would also search the gridder texts. Many thanks in advance!

Hi Armin,
I think I put my captions in the wrong place so they work again, but the darkening of the image does not work. It also darkens the caption when the code is like this:

.slug-editions .img { transition: all 300ms ease; } .slug-editions .img:hover { filter: brightness(0.5); }

and does not work like it was before at all:

.slug-editions .img img{ transition: all 300ms ease; } .slug-editions .img:hover img{ filter: brightness(0.5); }

not sure if there is a dot before img missing, but does not make a difference.
How can I darken the image, but keep the caption white?
https://intrastruktur.me/editions/
Best,
Louis

@Hayo-Gebauer Great stuff!

I've got a question about Gridder and settings.
Gridder looks like layout from books etc. so i want to personalise it.
Horizontal grid is don't work well for me: so i'm watching turorials read the documentation - example - stick to px not % and use "Use Browser Height for Row Height" (i've got a 27' montior with 3360x1890px)
and my text and image is a one big mess:
Screenshot 2025-01-18 at 22.59.58.png
Screenshot 2025-01-18 at 22.59.54.png
I know I can combine txt and img with +STACK option but still when i;'m adding more photos they are not stick with the grid.

Link:
https://damiansmigielski.com/test/

There is any tip for my case? i need to add extra css code or something?

Looking foward for some tips, thanks!

D.

@felix_rabe that works! thanks so much !