Hello, i would like to have the portfolio thumbnails with the project style: meta below thumb w/ zoom effect on hover without the buttons view larger and more details and if it's possible with an icon centered. (Please have a look here: http://graftlab.com/projects-all-new/) Can you help me? CSS? Thank you
can you help me to change my salient portfolio thumbnail as i like: meta below thumb w/ zoom effect on hover without the buttons view larger and more details ? The graftlab site is only an example - it is not my site. I would like to have the thumbnail like now on my demo (text below and image zoom without the up movement and without the shadow). Hope you can understand my bad english. Oliver
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):
great, it works. The shadow and the movement has gone. I would like to have the zoom effect at mouse over the thumbnail. Please could you help me with the zoom effect at hover like at the second portfolio on the page(https://demo.kraldesign.de/arbeiten/). Only the zoom function. So it will be perfect.
Hello, i would like to have the portfolio thumbnails with the project style: meta below thumb w/ zoom effect on hover without the buttons view larger and more details and if it's possible with an icon centered. (Please have a look here: http://graftlab.com/projects-all-new/) Can you help me? CSS? Thank you
Hey,
I am seeing a different style in there ? .
Thanks
ThemeNectar Support Team
Hello Tahir,
can you help me to change my salient portfolio thumbnail as i like: meta below thumb w/ zoom effect on hover without the buttons view larger and more details ? The graftlab site is only an example - it is not my site. I would like to have the thumbnail like now on my demo (text below and image zoom without the up movement and without the shadow). Hope you can understand my bad english. Oliver
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="9"] .col:hover img { transform: translateY(0px) !important; box-shadow: none !important; }Thanks
ThemeNectar Support Team
Hy,
great, it works. The shadow and the movement has gone. I would like to have the zoom effect at mouse over the thumbnail. Please could you help me with the zoom effect at hover like at the second portfolio on the page(https://demo.kraldesign.de/arbeiten/). Only the zoom function. So it will be perfect.
Thanks Oliver
Hey Again,
Unfortunately thats not possible as the html structure is different.
Best
ThemeNectar Support Team
Hi,
Ok, thank you very much Tahir.