Disable zoom hover effect on links

  • charmscherry

    (@charmscherry)


    6 years, 1 month ago

    Hi! I need to disable the zoom (transform?) effect from the links on this website. When you hover over any link, it increases in size and then returns to the normal size once the cursor is removed. I have tried this CSS code to no avail 🙁
    Using WPOcean and Elementor page builder. Or is this specified in the database?

    body.elementor-kit-8 a, a:hover, a:focus {
    -webkit-transform:unset!important;
    -moz-transform: unset!important;
    -ms-transform: unset!important;
    -o-transform:unset!important;
    transform:unset!important;
    }

    Kindly assist? Many thanks!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • RossMitchell

    (@rossmitchell)

    6 years, 1 month ago

    Suggest that you add some additional CSS with more specific class specifications, and in this CSS turn off the hover settings, css like:

    .elementor-widget-container .cat-item a:hover {
}

    You will need to find the css that does the hover zoom so that you can change it.

    Also suggest asking in your theme support forum.

Viewing 1 replies (of 1 total)

The topic ‘Disable zoom hover effect on links’ is closed to new replies.