100% height gallery

  • Resolved Xaifu

    (@xaifu)


    5 years, 2 months ago

    Hi!

    I’ve been testing this plugin and I find it awesome and very easy to use. Great work!

    I tried to create a 100% page height gallery grid like the one here: https://www.marcomarino.design/project.html

    I wanted to give the items a 100vh css porperty but I can’t find a simple way to do it.

    Just for test purposes I used this css code and it worked in desktop mode:

    .vp-portfolio__items,
.vp-uid-2879bcae .vp-portfolio__item-wrap,
.vp-portfolio figure.vp-portfolio__item,
.vp-portfolio__item-img-wrap,
.vp-portfolio__item-img,
.vp-portfolio__thumbnail-img {
	height: 100vh!important;
}

    Is there any other way to achieve this effect in a simpler way or with a filter or other modification?

    • This topic was modified 5 years, 2 months ago by Xaifu.
Viewing 1 replies (of 1 total)
  • Plugin Author nK

    (@nko)

    5 years, 1 month ago

    Hey.

    Thank you for your kind words. This is custom CSS example for Tiles layout:

    .vp-portfolio__item-img-wrap::before {
  padding-top: 100vh !important;
}

    Checked on this page, works perfectly. https://visualportfolio.co/tiles-paged-pagination/

    Further customizations you will need to make by yourself or with 3rd-party help.

    Regards, nK.

Viewing 1 replies (of 1 total)

The topic ‘100% height gallery’ is closed to new replies.