sit carousel captions at bottom of page

[arminunruh]

hey there, i was trying things out yesterday, i haven't gotten it to work yet

[arminunruh]

ok i found the reason why it doesn't work

i used
.col {
will-change: transform, opacity;
}

in lay theme's css to improve some animation performance, but this leads to position fixed not working

i'll release an update now

[arminunruh]

and then use this css

.lay-carousel-sink-parent {
    position: fixed;
    bottom: 2px;
    left: 2px;
    overflow: hidden;
}
.lay-captions-inner{
    overflow: hidden;
}

[alasdair17]

@arminunruh thanks, it's so close! they are sitting nicely at the bottom now but the button is now duplicated on the right hand side which hides the slide numbers?

[arminunruh]

.lay-carousel-sink-parent {
    position: fixed;
    bottom: 2px;
    left: 2px;
right: 2px;
    
}
.lay-captions-inner{
    
}
.single-caption{
overflow: hidden;
}

might work like this!

[alasdair17]

@arminunruh thanks armin but still the same!

[arminunruh]

ok mmh

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

[alasdair17]

@arminunruh Thanks Armin. Email sent.

[arminunruh]

alright so it works if you set the left and right frame of the page that the carousel is in to the same values as

left: x: , right:X ;

i set it to 20px here

and
here:

.lay-carousel-sink-parent {
    position: fixed;
    bottom: 2px;
    left: 20px;
    right: 20px;
    
}
.lay-captions-inner{
    
}
.single-caption{
overflow: hidden;
}

[alasdair17]

@arminunruh thanks Armin, really appreciate it!