Removing hover box from item pictures?

- 7 years, 3 months ago markm
  Participant
  
  Expired
  
  Hi. I have a few quick questions.
  
  1. What code do I add in CSS to remove the hover box with the 3 icons completely from the pictures in a shop? Picture example here: https://drive.google.com/file/d/13_C5cBqHZtf_usdYkgOo7hslqPUQLQAK/view?usp=sharing
  
  2. How to remove “Add to wishlist” below the “add to cart” button on product page? As well as “sku” and “categories”
  
  3. The smaller preview thumbnails of images look blurry on product page. Is there a way to fix this? The problem is not the picture because it looks fine when shown full size.
  
  My site example for questions 2 and 3 is here: https://35.202.47.238/product/printed-melange-t-shirt/
  
  Thanks for your help. It’s much appreciated!
- 7 years, 3 months ago Mirela
  Participant
  Hello,
  
  Sorry for the late reply.
  1-To remove the icons in the hover, please add this code into your Additional Css menu:
  
  .shop-products .product_item.style_normal:hover .cl-actions { display: none !important; }
  
  2-Please add this code:
  
  .single-product .cl-wishlist-share-wrapper .wishlist { display: none !important;} .cl-product-info .product_meta { display: none !important;}
  
  3-Please try adding this css:
  
  .woocommerce div.product div.images .flex-control-thumbs li { width: auto !important; }
  
  Clear cache and refresh page. Let us know.
  
  Best regards!

Viewing 1 reply thread

You must be logged in to reply to this topic.