Positioning a Row Background Image

[MWPA]

Hi,

Is there a way to position an image that is set as a Row Background Image? I’d like to align the image to the bottom of the row and center it.

Here’s a quick example/test page: https://dev.rickangenent.nl/projecten/project-2/

Thanks in advance!

[arminunruh]

yes!

right click the row in the gridder.
click "set row html class and id"
and as class enter:

bgbottom

then use this css:

@media (orientation: landscape) {
    .bgbottom .background-image.background-image-count-1 img{
        object-fit: fill!important;
        width: 100%!important;
        height: auto!important;
        left: 0!important;
        top: auto !important;
        bottom: 0!important;
    }
}

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

not in "custom css for desktop"
(needs to be in custom css, because we use a media query here, and for desktop already has a media query applied to it)

we're using a media query for landscape browser, because if were on a portrait sized browser we dont want to use this css
because then a white gap could appear