Split screen website Thumbnail grid hides active project

[jacobtegel]

Hey guys, i am currently working on a new Website using the Laytheme splitscreen method following the Tutorial.
But instead of using a Project Index we want to use a Thumbnail Grid. However, when inside of an active Project, the Thumbnail for this project disappears from the grid. Is there a way to change this behaviour so that all projects will stay inside the grid? Perhaps i am just missing a checkmark in some place?

Site: new.blila.de

I have also found, that the last content-row of the project (right half) will be cut off.

[Another, unrelated, question: is there a way to further style the tags inside the grid (under each project); like for example changing the separator like in the project index?]

Thank you so much in advance!

All the best,
Jacob

[arminunruh]

I have also found, that the last content-row of the project (right half) will be cut off.

can you set your frame-bottom to use px in lay options → gridder defaults

not sure if this is related, please send a screenshot and url of where this happens

But instead of using a Project Index we want to use a Thumbnail Grid. However, when inside of an active Project, the Thumbnail for this project disappears from the grid. Is there a way to change this behaviour so that all projects will stay inside the grid? Perhaps i am just missing a checkmark in some place?

I can code a setting for this, i dont know when i will have time for this, i wrote it down

[Another, unrelated, question: is there a way to further style the tags inside the grid (under each project); like for example changing the separator like in the project index?]

no

i will need to code settings for this

[jacobtegel]

can you set your frame-bottom to use px in lay options → gridder defaults
not sure if this is related, please send a screenshot and url of where this happens

I did that, unfortunately this doesn’t solve it (yeah, it’s a good workaround, but it’s not like there’s a universal amount of px cut off, it seems to depend on the row height. For example in this project http://new.blila.de/25-euro-finance-week/ i set the frame-bottom to 25px but it sits right at the bottom of the page. And on http://new.blila.de/25-euro-finance-week/ i also set frame-bottom to 25px and here the images are even cut off (if only by a bit but still).

And you can also see that the background of the left half doesn’t extend do the bottom of the page, probably because the page is shorter than the left half. But i could possibly find a workaround with custom CSS.

I can code a setting for this, i dont know when i will have time for this, i wrote it down

Thank you!

no
i will need to code settings for this

Thank you anyways!

[arminunruh]

the background of the footer will expand if you use this css:

#footer{
    box-sizing: border-box;
    min-height: 100%;
}

ok for the other issue:

#grid{
box-sizing: border-box;
}

i think that should fix both issues
updating the tutorial

[arminunruh]

ok can u update lay theme now

go to lay options, scroll down, and uncheck
"Hide current Project from Thumbnailgrid"

[jacobtegel]

thank you so much for adding the options to the settings as well as for the custom code; that fixed all the issues!

[arminunruh]

aha amazing :)