carousel captions centered on viewport

[cpaulinam]

Hi Laytheme Forum,
I want to use the carousel addon and place the carousel captions independently centered on the viewport (projecting beyond the carousel frame). I tried different Custom CSS (as seen in other posts) but can't find a solution. The captions stay within the carousel frame...

I used something like this:
.lay-carousel-sink-parent {
position: fixed;
top: 50%;
left: 2%;
overflow: hidden;
}
(Sorry if this is totally wrong, I'm not very skilled in CSS)

Do you know how to solve this in an easy way? Would be so nice!!
Thanks in advance!
Paulina

[arminunruh]

this should be the correct way to do it:

http://laythemeforum.com:4567/topic/10172/changing-the-position-of-numbers-and-title-of-carousel/4

[cpaulinam]

Sorry, I just saw your reply. Thanks a lot, Armin!

I managed to position the captions in the center now, but can't find a way to let them overflow the carousel frame. I want them to be as wide as the viewport (tried "width: 100vw" but that didn't work). Maybe it's because of a conflict with the carousel code?
Do you have an idea?

[arminunruh]

i would need the URL to where u have the issue

[cpaulinam]

Here's the link:
https://www.paulinamohr.de/home-juni/

[arminunruh]

i think you need to make your carousel as wide as the whole page. so resize and place it in the gridder.

then we just make the images smaller:

.slide-inner{
transform: scale(0.7);
}