Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 29, 2016 at 10:09 am #624190
    Richard

    Hi

    I would like to remove the arrow icon from product images from a product category on woocommerce when you hover over the image. Also stop the images enlarging when clicked.

    I have used this code in quick CSS but it is not specific to a category. I can identify a page but not a category!!!

    .image-overlay { display: none!important; }

    and it does not stop the image enlarging when you click on it

    Thanks

    April 29, 2016 at 12:42 pm #624336
    Vinay

    Hey Richard!

    We checked the above link and do not see any image overly arrows or animation. not sure you got it sorted .

    If you still require to do this only in woocommerce just add class name .woocommerce in front of .image-overlay { display: none!important; }

    So it will look like

     .woocommerce .image-overlay { display: none!important; }

    To target a specific category please right click and inspect the page and in the body tag you should get the woocommerce category class name which you have added the product to.

    Cheers!
    Vinay

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.