Okay
  Public Ticket #2408866
Change aspect ratio of portfolio
Closed

Comments

  • Mr Adam W Lyons started the conversation

    Hello, i've tried using some quick CSS to change the aspect ratio of the portfolio item but it does not close the gap between them.

    .item-content {
        width: 100%;
        height: 75%;
        position: relative;
    }


    any help would be much appreciated.




  •  1,823
    Support replied

    Hello Adam,

    is it possible to send us the URL of the page containing the modification concerning the aspect ratio?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •   Mr Adam W Lyons replied privately
  •   Mr Adam W Lyons replied privately
  •  1,823
    Support replied

    Hello,

    try adding the following in customizer -> additional CSS:

    .item {
        width:50%;
        margin: 50px 0px;
    }
    .item-wrap-image {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px);
    }


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •   Mr Adam W Lyons replied privately
  •  1,823
    Support replied

    Hi,

    try playing with 

    .item-content {
        height: 70%;
    }

    so increase or decrease the 70% value (I hope I understand the question correctly. You added this as custom css did you? that will actually will decrease the vertical offsets between items)

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Mr Adam W Lyons replied

    Perfect. Got it working thank you. the only issue i'm having now is any video  portfolio item is not centred and is anchored to the top.

  •  1,823
    Support replied

    Hi, what do you mean this is what I see:

    https://prnt.sc/snqomz

    can you give us more details maybe a screenshot?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Mr Adam W Lyons replied

    Ive attached a screen shot of the original video file side by side with the mp4/webm portfolio thumbnail. Is there a way to centralise the video in the container?


  •  1,823
    Support replied

    I got back with an answer from our web designer, basically his advice  is to add the following CSS

    .item {
        height: 34vw;
    }

    .hero-video-wrapper {
        position: absolute;
    }

    hopefully it will not conflict with the changes we've already made.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy