Image Hover - right/left background - row or viewport height?

[Starc]

Hi Armin,

Do the effects of Image Hover Right and Left Background refer to the height of the entire viewport or just the specific row of the element? Right now, it’s working based on the full viewport height, but I’d like to have control over this or at least make it reference the row instead.

What do you think?

Best,

[arminunruh]

it references the whole browser

[arminunruh]

.lay-imagehover-on-element[data-imageposition=rightbackground],
.lay-imagehover-on-element[data-imageposition=leftbackground]{
    position: absolute;
    overflow: hidden;
    bottom: 0;
    top: 0;
}
.lay-imagehover-on-element[data-imageposition=rightbackground] img,
.lay-imagehover-on-element[data-imageposition=rightbackground] video,
.lay-imagehover-on-element[data-imageposition=leftbackground] img,
.lay-imagehover-on-element[data-imageposition=leftbackground] video{
    height: 100%;
}

Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

to make it reference only its containing row

[Starc]

Thanks Armin! I think it would be cool to incorporate this setting natively, even though fixing the code is easy.