not possible with a carousel but if you have the fullscreen slider addon you can create sth like this

with the sliding set to horizontal in lay options -> fullscreen slider

then in your project set the rows to use "browser height for row height"
then for each row put an image on the left side and your texts to the right side

@FloMo already a solution for this?

@arminunruh great, this worked, thanks a lot!

Hi @arminunruh @Richard
now its working :) Thank you very much.

Best
Olek

Dear Alicja @apako

Within the code:

#lightbox-inner .swiper-slide img { max-width: 60vh !important; }

You can change the value from 60vh to whatever you need to fit the images how you like. I was not able to recreate the bug on any test site so i don't know why you have this issue. It could be the image files themselves but unsure sorry.

Sincerely Richard

Thanks @marc have a great day too! 👍

Thanks, get it!!

Finally I found a website which achieved the effect I was searching for months now. Unfortunately I did not get it working on my own Lay-theme based website. Is there something I am missing.

I try to achieve this effect with hover images centered and fullscreen. In front I have a list of different project links, which should trigger different images.
Would be really looking forward to any help.

https://simonabele.de/en/category/motion-picture/

Thank you @alasdair17 will also forward to Armin ✅

Sorry to bother you guys, I should miss something in the process but after few hours still not working!

Thanks @pascal ! 🌝

Dear @thewolvescave

Does it work to combine the three images into one image file?

Best ✨ Richard

Dear @beucccia

Have we discussed this via email? forgive me if not.
I am always happy to login and take a closer look at the issue.

This can be done via 'Chats' or please feel free to email me: licensekeys@laytheme.com
Please include reference to this thread 🌝

Note: Please do not disclose any private info on the thread itself

Sincerely Richard

@Johannes-Häff Thanks Johannes, Talk soon ✨

Dear @Rens

The Fullscreen Slider is active. The slides are made from your Rows in the Gridder.

I see "Enable Fullscreen Slider here" is set. Is the Fullscreen Slider working on the front-end of your site? 🔍

Best wishes ✨ Richard

Thanks for the update @deMenouillard and providing your solution, this may help others in the future - have a wonderful day 🌻

Dear Amanda @vrlaine (yoko-ono) 🌝

Within your Gridder:

Fullscreen Slider Activated Row background image set Text placed in row (bottom aligned) Set browser height for row height

Screen Shot 2022-03-14 at 10.21.00 AM.png

Right Clicking on the Gridder frame will show the extra options.

Best wishes 🌝 Richard

Dear @tim !!! 💥

I do see that the image is not 100% the width of the page.
Is it possible to login and see what i can do to help with that?

Custom CSS is possible but shouldnt be needed. If the fullscreen slider is defined correctly it should be "Fullscreen". I see you issue and am sorry that my replies have not been prompt ⭐️

You are welcome to contact me via 'Chats' or email: licensekeys@laytheme.com I am happy to login and sort this issue out properly rather than adding custom code. It should be true "Fullscreen" 🌝

Talk soon and thanks for your patience Tim Richard

Dear @franksvamp

Sorry if i don't understand fully but you can copy the current Layout into a Mobile Layout. Then go into the Carousel's and change what is needed 🌝

Best Richard