@arminunruh hey, I had this issue months ago where the thumbnail grid was empty on the gridder but showed fine on live site: http://laythemeforum.com:4567/topic/10379/gridder-bug-and-empty-thumbnail-grid/
and the latest update has fixed it now, thanks!
@shchepinov ah okay usually you need a ; there, do you have a link to your site?
hey, do you have a link for a closer look?
you need to put a ";" after "fff", maybe why it's not working.
@fernandol97 just realised it wasn't working was because you were missing a closing bracket }
that's why it was showing up as red, you needed a closing } after "hidden;"
@fernandol97 nice one!
body.slug-photographs .type-elementgrid .img img {
border-radius: 0;
}
try pasting this in, strange why its not working hmm
@fernandol97 I've noticed on your website your photos page has a -2 after the url so it would need to be:
body.slug-photographs-2 .lay-carousel {
border-radius: 0;
}
body.slug-photographs-2 .type-elementgrid .img img {
border-radius: 0;
}
etc etc
for case studies, just take the individual case study url so for the car one it would be:
body.slug-volvoex90 .lay-carousel {
border-radius: 0;
}
etc etc
Any issues let me know, i'm happy to help :)
@fernandol97 hey, try adding:
"body.slug-photography" before your selectors on your new photography page like:
body.slug-photography .type-elementgrid .img img{
border-radius: 0px;
overflow: hidden;
}
if your photography url page isn't /photography you would just change photography to whatever you've called it :)
for a case study try:
body.slug-volvoex90 .type-elementgrid .img img {
border-radius: 0px;
overflow: hidden;
}
There's useful css info here: https://laytheme.com/documentation/custom-css-styling.html
@panteley apologies for jumping into your thread here! it felt like we had similar questions :)
@arminunruh 18.5 / iphone 12 :)
@arminunruh here's a screen recording: https://alasdairdimmick.com/ScreenRecording_08-08-2025 11-31-10_1.mp4
It just seems to get a bit stuck sometimes if you scroll towards the bottom.
I don't mind not using 'infinite' for the mobile, happy to use 'normal' but would love to use 'infinite' for desktop with lightbox option :D
thanks Armin.
the plugin is so good!
yeah it would be great if the lightbox worked with 'infinite' mode, if that's possible? :)
also noticed the infinite setting on ios safari works pretty well with the 'iphone crash' setting selected but if you scroll too fast to the bottom or top it seems to get stuck and you can't get back into the grid of images - i understand coding for ios safari might have limitations! maybe there could be an option to use 'infinite' for desktop and 'normal' for mobile?
@arminunruh If it can work with images inside an element grid that would be amazing, categories would be great but just tags would do a good job too.
@arminunruh thanks armin that's great! It is working a lot better, I'll work more on it on Monday and let you know if I run into any issues. Have a nice weekend, thanks again!
@arminunruh thank you, just emailed you there.
Being able to filter images would be so amazing!
Would happily pay for this feature.
@arminunruh ah okay, yeah i did see the layout changes when i resize the window. It does still seem quite different on safari though even with similar width.
I've tried the horizontal grid.
Gridder - this is the last row:
Chrome - it goes far beyond the last purple row and uses the global background colour:
Safari - lands on the purple row but images are pushed up:
Like i said no biggie if this can't be fixed as still looks fine when the images overlap two colours.
hey @arminunruh
I've almost finished a new site and the client has a page to display her sketchbook ideas and we're using the place freely option. It's working great on chrome but on safari the images overlap the rows. It's not a huge issue and still works with the whole sketchbook idea but would prefer that the images stayed within their row.
Interestingly, in the gridder on chrome it looks how it looks on safari. On the live site on chrome it looks how it should with everything in their own coloured row.
When making the page I've had to place some of the images off their row for it to work as if I place them within their row in the gridder it goes a bit all over the place.
I understand the place freely feature could be a bit difficult for browsers to understand because it's not using a typical grid and is more free form.
No worries if it can't be fixed but thought it was worth pointing out.
Link here: https://heatherridleymoran.com/workbook/
Cheers!