hey there!
i see
thanks for your patience!
add this css to lay options → custom css & html → custom css:
.fs-left, .fs-center, .fs-right{
height: 100vh;
width: auto!important;
}
.fs-left{
left: 0!important;
}
.fs-center{
left: 50%!important;
transform: translateX(-50%)!important;
}
.fs-right{
left: auto!important;
right: 0!important;
}
.fs-left img,
.fs-center img,
.fs-right img{
height: 100vh;
position: relative;
width: auto;
}
.fs-left .ph,
.fs-center .ph,
.fs-right .ph{
display: none;
}
disable the max-width max-height setting in lay options → fullscreen slider
now in your gridder,
make sure your lay has frame top and frame bottom set to 0
then make sure your rows are "browser height" when right-clicking rows, and choosing "use browser height"
then put one image inside and right click it, choose "set html class and id"
in html class enter:
fs-left
OR
fs-center
OR
fs-right
does it work for you?
i need to improve the gridder so we can just set images to a fixed height. currently, only the elementgrid has a setting to have same-height images :O