Archive overlay icon transition/animation

Home Forums Jevelin Theme Archive overlay icon transition/animation

Home Forums Jevelin Theme Archive overlay icon transition/animation

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts
  • ManaProjectStudio
    Participant

    Hello,

     

    it’s possible to disable the icon animation on hover in archive pages?

     

    It’s possible with CSS?

     

    Thanks

     

    MP

    Attachments:
    You must be logged in to view attached files.

    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

    ManaProjectStudio
    Participant

    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?

    ManaProjectStudio
    Participant

    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?

    ManaProjectStudio
    Participant

    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;
    }

    ManaProjectStudio
    Participant

    It’s working, thank you very much.

     

    MP

    You are most welcome here 🙂

Viewing 10 posts - 1 through 10 (of 10 total)