Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 2, 2016 at 8:08 pm #626000
    1039 Online

    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?

    May 2, 2016 at 8:49 pm #626016
    Basilis

    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

    May 3, 2016 at 4:37 pm #626611
    1039 Online

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

    May 4, 2016 at 1:15 pm #627180
    Yigit

    Hi,

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

    Best regards,
    Yigit

    May 4, 2016 at 6:10 pm #627421
    1039 Online

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

    May 4, 2016 at 6:21 pm #627425
    1039 Online

    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.

    May 8, 2016 at 4:59 am #628767
    Ismael

    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

    May 9, 2016 at 6:58 pm #629429
    1039 Online

    Fantastic. Thanks, Ismael.

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