CSS to Disable Single Product Image Mouse-Over & Link

  • Resolved Frank B.

    (@frankbiganski)


    3 months, 3 weeks ago

    Hiya,

    I once had the CSS code that disabled the mouse-over zoom effect and image click-thru link. Could someone provide that CSS to me please?

    I would also like to remove “Category” from the single product page too.

    Cheers!

    Frank

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support RK a11n

    (@riaanknoetze)

    Hi there,

    I’m not aware of any CSS code for the zoom-effect or click-through links as these are typically powered by JavaScript rather than CSS. Regardless, to remove those effects, have a look at this guide as it highlights a few methods to disable that (some themes might influence the availability settings).

    In terms of hiding the “Category” section on the single product page, you can use the following custom CSS:

    .single-product .product_meta {
      display: none;
    }

    Hope it helps ??

    Thread Starter Frank B.

    (@frankbiganski)

    Thanks for the CSS and the tip! Works perfectly!

    I did not realise developers added a zoom-effect setting.

    Cheers!

    Plugin Support Shameem R. a11n

    (@shameemreza)

    Hi @frankbiganski

    I’m glad we were able to help! Should you have further inquiries, kindly create a new topic here.

    Meanwhile, if it isn’t too much to ask for – would you mind leaving us a review here?

    It only takes a couple of minutes but helps us tremendously. It would mean so much to us and would go a really long way.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.