Okay
  Public Ticket #1815710
Remove zoom effect on portfolio hover
Closed

Comments

  •  1
    Christy started the conversation

    I chose "meta overlaid- bottom left aligned" for the portfolio effect (which is not an option that says it has zoom effect, but it does) and I need to remove the zoom effect. Have tried a couple of css edits that have not worked. Can you help?

  •  8,996
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .portfolio-items[data-ps="8"] .col:hover img {
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    Christy replied

    Never mind, got it done. Css below for anyone else who may need it.

    .portfolio-items[data-ps="8"] .col:hover img {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }


  •  75
    Scott replied

    Hey there,

    Thanks for reaching in,

    We will be sure to pass that around. Please be sure to reach in in case you encounter another issue.

    Regards

    Themenectar Support Team