Make the Image Caption and Numbers in carousel fix to the bottom of the page even when resizing the page.

[Fletch]

https://georgefletcher.studio/

Goodmorning,

I'm wanting the carousel caption and numbers to fixed at the bottom of the page even when the page resizes. Please can you advise if this is possible. (p.s. my knowledge of CSS is limited). Thanks!

All the best,
George

[mariusjopen]

Dear @Fletch
try this:

.lay-carousel-sink-parent {
    position: fixed;
    bottom: 20px;
}

Try to use a similar solution for the numbers :-)
You can do it!

Best!

Marius

[Fletch]

@mariusjopen Thanks very much for the response. The caption is now fixed but the numbers have now completely disappeared. Do you know why this may have happened?

Best,
G

[mariusjopen]

Dear @Fletch
probably you need to do the same for the numbers.
Play around with z-index. Does something have a background colour which hides something?

Best!

Marius

[Fletch]

Hi!

Thanks so much for your help. I managed to sort it in the end :D

Best,
George

[edgrbnz]

Would be cool if you could share some code if someone else wants to do the same!

🤝

[antonioprado]

@mariusjopen I'm having a problem trying to achieve something similar... it works when I put the code you give, but it only works with the first caption. When I have two captions, they all see at same time in the first slide. Can you help me out on this? I'm working locally but here go a screenshot :)

The code I'm using is the same you gave!

Thank you!!!

[mariusjopen]

Dear @antonioprado
it is a bit difficult to debug only from a screenshot :-D

Best!

Marius

[antonioprado]

@mariusjopen Hello! Finally I could manage to replicate what I want to do. Basically I want all the captions to be positioned on the bottom and left of the page, but I can't figure it out why the next caption is visible at the same time as the first one. Another thing that happens too is when I resize the window, the captions move from their position even they have the css code to stand at the bottom left of the page. Could you please give me some light here? I've tried everything...

Thank you very much in advance :D

https://filmosofia.space/carousel

[antonioprado]

@antonioprado @mariusjopen Any little help? :D

[mariusjopen]

Dear @antonioprado
how did you set up the carousel and the captions? Which CUSTOM CSS did you move?

Best!

Marius

[vondeldex]

Hello !
Old post but still usefull,
I also want to put the captions at the bottom of the page,
I put your code in the custom css and it works :

.lay-carousel-sink-parent {
    position: fixed;
    bottom: 20px;
}

But now the next captions appear in the corner :

Do you know why ?

Thanks,
Julia

[Richard]

Dear Julia @vondeldex

Could you post a link to your website with the Text in corner and i can have a better look! :)

Best
Richard

[vondeldex]

Hello Richard !
Thanks for your reply,
Here is the link to the page : http://florilegerecords.com/accueil

There is also a problem with the smartphone, the text goes beneath the images and doesn't stick to the bottom,

Thanks !

[Richard]

Dear @vondeldex

I believe i have answered the same question in another thread :)

Best
Richard