Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 27, 2016 at 9:08 pm #573251
    Zest

    Hi there,

    I am creating a landing page with a video in the background. So far so good.

    I have a color section with a video background and I have removed footer, header and sidebar so the entire page is the video. In the color section I have a portfolio grid and it works fine. The thing is, that I would like to have the portfolio grid to stick to the bottom of the page in order to get maximum effect from the video. Is there a way to do that without destroying the layout for portfolio grids on other pages?

    Best regards,
    Niklas

    January 28, 2016 at 2:59 am #573417
    Elliott

    Hey nkarkine!

    Add this to a codeblock element in the page.

    <style type = "text/css">
.av_one_full {
    position: absolute !important;
    bottom: 0px !important;
}
</style>

    Regards,
    Elliott

    January 28, 2016 at 9:05 am #573566
    Zest

    Thanks – works great in desktop. Now I will figure out a way to have it look good in mobiles too. Thanks for the help!

    January 29, 2016 at 4:10 am #574277
    Elliott

    Hi!

    Use this CSS if you only want it to happen on large screens.

    <style type = "text/css">
@media screen and (min-width: 767px) {
.av_one_full {
    position: absolute !important;
    bottom: 0px !important;
}
}
</style>

    Regards,
    Elliott

    January 29, 2016 at 8:48 am #574367
    Zest

    Perfect, thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Portfolio grid positioned in bottom of page’ is closed to new replies.