Full screen Carousel (captions issue)

[Ilina Catana]

Hello !

I use the "carousel" addon and would love to have on my homepage a full screen slider with captions under each image, adapting to the height of the screen. Is that possible? (like in this exemple: www.studiogameiro.com)

To get a "full screen" carousel, I used the code mentioned by @mariusjopen on the blog:

.carousel-full {
height: 100vh;
}

.lay-carousel.sliding {
height: 100vh;
width: 100vw;
}

.collar .lay-carousel img.h100 {
object-fit: cover;
height: 100vh;
width: 100vw;
}

The captions are unfortunately well below than the "carousel", and not showing in my browser height. What can I do to integrate the captions in the visible part of my screen?

Would love to hear if if anyone has any suggestion. Thanks!

[mariusjopen]

Dear @Ilina-Catana
the captions are there. You just need to bring them back up.
Try negative margin or positioning top.

Since I do not see you website - it is difficult to look into the code.

But with some CSS magic - you should manage.

Best!

Marius

[Ilina Catana]

Dear @mariusjopen

thanks for your answer!

I tried negative margin, the captions then "disappear" behind the .slide-inner...
I added a red background to it... Can you help?

Here is the page: https://studio-catana.com/home
PSW: 123

Thanks for your help...!!!

Ilina

[mariusjopen]

Dear @Ilina-Catana
the password does not work :-)

Best!

Marius

[Ilina Catana]

Dear @mariusjopen,

well, that's really strange, it's working here... :)
I updated it again.

Could you please try it again? :)

Thanks!!

[Ilina Catana]

Dear @mariusjopen,

I decided on another solution, similar to the one we talked about.
Thanks for the help!
And thank you for developing Laytheme, it is a pleasure to work with this tool.

Have a good day,

Ilina

[mariusjopen]

Dear @Ilina-Catana
great! Thank you for letting us know!

Marius