Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #626000

    I have a page with a video background playing in a color section and the height set to 100% of browser height. How can I align the content within the color section to the bottom of the browser window?

    #626016

    Hey 1039 Online!

    Yes that is possible, but to do that, we would require for all the content to be inside a column, so we can push it to the bottom.
    If you can do that, we can help with the rest.

    Cheers!
    Basilis

    #626611

    Thanks Basilis. I have the content in columns right now. Does all the content have to be in just 1 column?

    #627180

    Hi,

    Please edit your column element and choose bottom alignment – http://i.imgur.com/9a89KPv.png

    Best regards,
    Yigit

    #627421

    Hi, Yigit. I changed the column alignment to “bottom” on both rows. The location of the text and buttons did not change at all.

    #627425

    Since my last reply, I also tried having just one row, as well as having one row with only one column. In both cases, the vertical alignment was set to “bottom”. Still didn’t work in either case.

    #628767

    Hi,

    Sorry for the delay. Add this in the Quick CSS field:

    #fwd-section .container .content {
        vertical-align: bottom;
        top: -50px;
    }

    Adjust the value of the top property if you want to adjust the position of the content.

    Best regards,
    Ismael

    #629429

    Fantastic. Thanks, Ismael.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Keep content at bottom of screen’ is closed to new replies.