Issue with Hovering Effect on images Imported XStore Demo Page

This topic has 2 replies, 2 voices, and was last updated 1 hours, 25 minutes ago ago by Rose Tyler

  • Avatar: Merin
    Merin
    Participant
    November 15, 2024 at 07:44

    Dear Support Team,

    I recently imported the Photographer demo page from XStore’s demo library (https://xstore.8theme.com/demos/2/photographer/). However, after importing, I noticed that the image hovering effect, which is present in the demo, is not working on my page: https://anandk60.sg-host.com/gallery/.

    Could you please guide me on how to resolve this issue and enable the hover effects as seen in the demo?

    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 15, 2024 at 09:48

    Dear, Merin,

    Thank you for reaching out to us.

    Custom CSS code can be used:

    .grid-image-section .vc_gitem-animated-block {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    .grid-image-section .vc_gitem-animated-block:hover .vc_gitem-zone {
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        transform: scale(1.08);
        transition: all 0.4s ease-in-out;
    }

    Best Regards,
    8Theme’s Team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.