@arminunruh Ok thank you! I just activated the plugin. Haha, the website crashed! 😆 I will check it later. But all your suggestions sound plausible! Thank you!

@arminunruh hey, yes i will do it. thanks

im glad it worked!

i went back to using my older code to create the srcset attribute for images. wordpress' code seemed to not use the very large image sizes sometimes.

nice

what u could also do is put text in a row.
then right click the row, click "set html class and id" →
for html class add: "sticky" without ""

then in your css:

.sticky{
position: sticky;
top: 0;
}

yes u're right! i will add an "edit" button!!

i just hid the adminbar cause it makes the website look worse

im very sorry this happened!

wordpress doesn't autosave metabox content so it wasnt saved without hitting the "update" button

i did find a solution
https://wordpress.stackexchange.com/questions/3316/how-to-show-a-custom-meta-box-on-the-quick-edit-screen/115867#115867

i might code an autosave feature one day

mmh maybe some images were very big. be careful only to use jpg images, not .tif or png images. they can be too big!

hey theres no option for this!

but i will write it down, maybe i will code it one day

use this css

you dont need any of the css you're using

https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior-y

@Alex-F Thank you!

@arminunruh true, but the regular user dont use the inspector to download images. i would say this prevents 95% of downloading images. i just feel better with no context menu

hey can you go to your webhost control panel, meaning log in whereever you got your webspace and domain

then try and find the php settings
use a new php version like version 8. now you should be able to use the latest version of lay theme!

ooh very nice! congratulations!

if u update now, now it works!

sorry

hey jot!

oh well i think i dont have time to help u with this

aha <3 <3 <3 :))

hey! i think someone did a post about it here on the forum. i havent used lottie before

mh don't know. on chrome it looks good

@peterroden said in I want to create a thumbail grid but with images and not projects:

I like the hoverimage effect on the project thumbnails where it scales up a bit on hover. How do I add that to the element grid?

that is just for the project thumbnails. you'd need to do a transform: scale(1.1); transition for example

I have added a border to the grid elements using CSS however this seems to have broken the grid columns. You can see that if there is not a multiple of 3, the last image in the grid scales across all 3 columns instead of keeping the same size. https://leightonspace.co.uk/brainmarrow/test/

maybe try a 1px box shadow instead of a border
also the padding you added makes the boxes bigger than they're supposed to be so they dont fit in

you added this css. and it makes the elements get too big because you use flexbox i think:

.element-wrap {
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #2C56A2;
padding-left: 16px;
padding-right: 16px;
padding-top: 16px;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: column;
-webkit-box-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}

best to dabble around with the css and learn about flexbox

The element grid is not scaling in the same way responsively as the thumbnail grid.

for me it does scale

I cannot get my text animation on the artist name hoverstate to work. On the project thumbnail version I have a cool hoverstate animation that changes the font. I cant get that to work on the element grid.

you probably need to target the parent container like

.element-wrap:hover .caption{

}

instead of

.caption:hover{

}