Okay
  Public Ticket #732350
3D Parallax - Portfolio
Closed

Comments

  •  21
    Simon started the conversation
    April 13, 2016 at 4:56am

    Hi

    The 3d Parallax works nicely on the portfolio.

    Is there a way to turn off the 'scew/warped effect' using custom css so that it is square.

    Many thanks, Si

  •  8,993
    Tahir replied
    April 13, 2016 at 7:06pm

    Hey ,
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .portfolio-items[data-ps="6"] .work-item:hover .parallaxImg-shadow ,html.cssreflections .portfolio-items .parallaxImg-container {
    transform: perspective(2016px) rotateX(0deg) rotateY(0deg) translateZ(0px) !important;
}

    Best.

    ThemeNectar Support Team 

  •  21
    Simon replied
    April 14, 2016 at 3:41am

    Many thanks Tahir, that works a treat.

    On mobile, it forces the dark overlay (so that the captions show) but it means that the pictures don't look very good. Is there a way to turn this off on mobile (but keep it on desktop)?

    Thanks, Si

  •  8,993
    Tahir replied
    April 14, 2016 at 2:37pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    .portfolio-items[data-ps="6"] .parallaxImg-layers > div:first-child .bg-img:after {
        background-color: rgba(51,51,51,0);
    }
}

    Best.

    ThemeNectar Support Team