Slider with columns

Do you have a link for us so we can check out possible css issues?

Thank you – please go to this page and scroll down to the section “Neuigkeiten/News” to see the current slider.

Best,
Michael

@michih can you post a screenshot or codepen of how you want it to look? for me the image is not cut. That would help us to understand where the issue could be.

Thank you @gutenbergslider – please check this screenshot.

This is how it should look like.

Thanks again,
Michael

we created a layout like yours with the follownig code

<figure on the left> {
  padding-top: 40px;
  transform: translateX(61px);
}

hope that helps, if not please get back to us.

You can help us very much by reviewing our plugin if you like it here: https://www.ads-software.com/support/plugin/gutenslider/reviews/#new-post

• This reply was modified 1 year, 11 months ago by Gutenberg Slider.

Thank you – what do you mean by “<figure on the left>”?
This is not a valid argument in my opinion.

So is it better to create a custom CSS class for the left column?

just a placeholder to target the figure / image with css that is in your left column. e.g. give it a class or use generic css selectors. in your case:

#gutenslider-n8gitdb1p figure {
...
}

• This reply was modified 1 year, 11 months ago by Gutenberg Slider.

I see. Added your CSS to the image on the left.
As you can see on the link provided earlier, it does not really work (this is what I have achieved as well, however, it does not “shift” like it should.

This is what I mean by “cut off”. The bottom line of both elements is at the same height right now, but it should not.

My console shows the following why z-index does not get applied:

The position: static property prevents z-index from having an effect.
Try setting position to something other than static.

However, I cannot find “position:static;” anywhere relevant within Gutenslider.

Any hints?

Not in gutenslider, just set the css to position: relative of the item you want to chnge the z-index of. There seems to be lots of theme css going on at your page. We tried in a clean install with a default theme and the above code was all it needed.

Hi – done, that works now and the image on the left is behind the column on the right including text.

However, the image is still cut off at the bottom. So it is not resolved yet, please reopen.