Hey!

You'd have to add a class to the row like "image-grow-effect" and then add this into the Custom CSS box located in your Salient Options panel:

.image-grow-effect img:hover { 
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73);
    -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); 
}

Cheers :)

No, tha'ts just the css syntax highlighting warning due to it not knowing the -wekit- and -o- versions of transforms, but the rule is fine. Please allow me to log in so I can ensure it's set up correctly and add an example of this in action for you :)

Sorry for the delay on this one Annette! The user account you've created for me does not have admin access so I can't do anything in the admin panel or edit any content. Can you kindly bump me up?

Cheers :)

Hey again!

Can you update to the latest version available to download from ThemeForest? You're a couple behind and the most current one fixes the problem which stops the row css class from getting applied on the front (which is stopping the css)

Cheers

it would actually require a new rule to be made like this:

 
.image-glow-effect img:hover { 
    box-shadow: 0px 0px 5px #fff000;
    transition: all 0.2s linear;
}

Cheers :)

You're welcome :)