@auditoryscenes maybe you need to change #grid to #custom-phone-grid and/or #footer to #footer-custom-phone-grid, depending on your layout.

Is it possible to install it on laytheme?

Hey @arminunruh is there a way of using "mix-blend-mode" but keeping the text either black or white instead of inverting the colors?

I've tried using all the different blend modes but they all have a reversed color output.

I've also tried using filter and grayscale but these don't work after the mix-blend-mode" function.

Would there be any java script that could dynamically change text to either black or white when scrolled over images?

Hey @arminunruh -thanks for taking the time!
Well noted, I'll try to use images and add a link to each of them.

Is there a way to add a mouseover effect displaying text on images? I'd like to have a text appear on each image when I place the cursor on them. Very much like the project name hover effect.

Cheers

Try:

.lay-overlay>div>div>div>.grid-inner{ background: rgba(239, 239, 239, 0.2); backdrop-filter: blur(20px) !important; }

That should target the overlay-grid better.

thank you!

Also just wanted to add: I already tested to upload .mp4 video with AV1 codec to laytheme and it wroks falwless, just the caveat with safari in this case.

Brilliant, thanks so much!

hey moritz!

i cannot see the issues on neither firefox or safari

what versions of safari and firefox do you use?
do you think maybe your versions are very outdated?
not sure

after u did these steps u can email post your website address here so i can also see why it might load slowly

yes! or you can use a coming soon plugin

you can also use lay theme offline:
https://laytheme.com/tutorials/how-to-create-a-laytheme-website.html#download-lay-theme-and-local

but then you have to transfer that page to an online server using a plugin like duplicator or backup migration: https://wordpress.org/plugins/backup-backup/
https://laytheme.com/tutorials/how-to-create-a-laytheme-website.html#get-webhosting

its much easier to just create your website online instead of offline and then moving it to an online server

.slug-photo . sitetitle{
display: none;
}

try this

ah its fine i dont need the examples i think i know what u mean!

Thanks @arminunruh

yeah can u just send the details to my email that would be great