Put image between 2 rows

[Waller]

Hi, I wondering if it’s possible to put the image of the guy pointing down so his head will be a little bit on the green slider.
So it looks like hes between 2 rows. Imagine if I wanna put for example a 5 star rating just on the line between those rows, so 50% of the image is on green slider and 50% of the image is below.

I hope you understand.

All the best
Max

[lely]

Hi Max,

Yes it is possible. I have check your setup and the green part seems not a slider but just an image. To make an overlap, let’s try this:

1. Add the green image as background of the section instead. Add it on BACKGROUND LOWER LAYER.
2. Go to Customize tab of this section > ELEMENT CSS. Add this CSS:

$el.x-section .x-bg-layer-lower-image {
    height: 50%; /*Adjust this as needed*/
}

3.) Add another row on this same section. Add the guy image.

Adjust the CSS on #2 until you achieve the overlap you need.

Hope this helps.