Home › Forums › Jevelin Theme › Archive overlay icon transition/animation
Home › Forums › Jevelin Theme › Archive overlay icon transition/animation
Hello,
it’s possible to disable the icon animation on hover in archive pages?
It’s possible with CSS?
Thanks
MP
Hi MP,
I hope you are well today and thank you for your question.
You can try achieving this developing custom CSS code using Yellow Pencil editor as described in the below page.
https://support.shufflehound.com/how-to-change-almost-any-element/
If you can’t do that then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
Best regards,
Shufflehound team
Hello,
we have trying to achieve this using this custom code in yellow pencil:
.sh-portfolio-archive .sh-portfolio-item .sh-overlay-item .sh-overlay-item-container .yp_onscreen{
animation-duration:0s;
}
And it works in yellowpencil editor while the container is selected and we can see the live change. But it doesn’t work once deselected the container, outside the editor or adding the code in custom css.
Any advise?
Thanks
MP
I need to access your site where it is displaying to help you so could you please share it?
Sure, thanks.
MP
It seems you have only shared your site credentials but not site URL so could you please also share your site URL where it is displaying?
Sure, manaprojectstudio.com
Thanks
MP
Solution for this topic
Please try using below custom CSS code to achieve it.
.sh-portfolio-archive .sh-overlay-item:hover .sh-overlay-item-container { animation: unset !important; }
It’s working, thank you very much.
MP
You are most welcome here 🙂