Change animation in service section

Hi, I want to change the animation in the services section. I want for the image to zoom when i hover over it. And i want the other animation removed. How can i do this? Thanks

Hi,

Thank you for reaching out to us. I am happy to help with your queries.

If I could get your query correctly, you’d add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .services-section .services-item .services-icon i { 
      -webkit-transition: all 500ms ease 0s;
      transition: all 500ms ease 0s;  
    }

    .services-section .services-item:hover .services-icon i {
      font-size: 70px;
    }

    .services-section .services-item:before {
      display: none;
    }

I hope that works for you.

Let me know if you have different concern.

Regards,
Kharis
aThemes Support

Hi. It worked with a few alterations. Instead of “services-icon” I had to use “services-thumb” and after that it worked fine. Thanks :+1:

1 Like

Great! You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support