Okay
  Public Ticket #3506767
Masonry image size
Closed

Comments

  •  1
    ignacio_viana started the conversation
    October 24, 2023 at 7:18pm

    Is it possible to include in the portfolio listing's masonry layout a larger size for the images that spans the entire width, meaning all 4 columns, with the height of 'wide,' featuring an image of 2000x500?

    1594819738.png
  •  1,665
    Judith replied
    October 25, 2023 at 4:53am

    Hi there,

    Thanks for writing to us.

    Please paste this css in the CSS custom code section: Salient > General Settings > CSS/Script Related:

    body .portfolio-items .col.elastic-portfolio-item.wide {
        width: 100%!important;
        aspect-ratio: 2/1;
    }
    .portfolio-items[data-col-num=elastic] .col.elastic-portfolio-item.wide img {
        height: 100%!important;
    }

    I hope you find this helpful.

    Best Regards.

  •  1
    ignacio_viana replied
    October 25, 2023 at 5:26pm

    Hello Judith, thanks for the answer.

    The concept of proposing the solution helped me solve what I was needing.

    Thank you so much