Align Slider Caption to Absolute Bottom of Image Container

3 replies · opened Jun 1, 2016

Lleaffan88Jun 1, 2016

Hi there, I need to align the slider caption DIV to the bottom of the screen. It seems to only respond to "margin-top". Is there any way to make it respond to "margin-bottom: 0px"?

Also, my twitter slider does not work - how do I make the slider work? It seems to break because it is the 2nd slider on the page. How do I make it function?

Thanks in advance!

Lleaffan88Jun 3, 2016

....

SSemicolon WebSTAFFJun 5, 2016

Hello,

[sb_private_reply]Apologies about the Delay![/sb_private_reply]

We have checked out your Website and firstly the issue is that you will need to use the .slider-caption Element directly inside the .swiper-slide Element and not inside the .row Container as this will cause unnecessary issues.

Additionally, to set a Custom Caption for the Slider Captions you can simply add the .custom-caption-pos Class to the .slider-caption Element and then add style="top: auto; bottom: 0;" attribute to it. Example:


    ...

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard