Disabling image zoom on hover

  • Resolved joondawg

    (@joondawg)


    9 years, 3 months ago

    Hey,
    I’ve searched through the forums looking for ways to prevent images from zooming in when I hover my mouse over them. None of the custom CSS I used has worked. Are there lines of code I should omit or change in order to disable zoom on hover? This is for all pictures; on the front page, posts, etc. Thanks.

    https://www.kasa.org.vt.edu/

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    Please go to admin Dashboard >>Appearance >>Theme Options >>General Settings and find Custom CSS Editor.

    Now copy below CSS in Custom CSS Editor

    .enigma_home_portfolio_showcase:hover img {
    transform:none !important;
}
.enigma_blog_thumb_wrapper_showcase:hover img {
    transform:none !important;
}

    Save the changes.

    Thanks.

    Thread Starter joondawg

    (@joondawg)

    It works perfectly! Thank you!

    Hi,

    Most Welcome

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Disabling image zoom on hover’ is closed to new replies.