ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• December 7, 2014 at 6:39 am #134001
  wattsh

  Member

  Post count: 38

  Hi, I was wondering if there’s a setting somewhere or a CSS fix I can use to get rid of the “Add to Shopping Bag” and wishlist icon that slide up from the bottom of product thumbnails when you hover over them (for example on the main shop page, category pages or on the “related products” images that show up at the bottom of product pages?)

  Please let me know. It’s a bit messed up on my related products section, and overall I feel it makes the hover experience feel cluttered.

  Thanks!

  December 8, 2014 at 6:33 am #134116
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me website url to check the issue? DO you want to remove this over effect ? You can make it though Admin -> Theme Options -> Woocommerce Options -> Product Overlay Transition .

  Thanks
  Mohammad

  December 8, 2014 at 6:53 pm #134385
  wattsh

  Member

  Post count: 38

  The setting you mentioned is for the photo overlay, it will select whether or not to fade or transition in the second photo on hover. The text over that says “add to shopping bag” with a wishlist button that comes up from the bottom is what I want to get rid of as I mentioned in my first post.

  I actually like the photo overlay and would like to keep it for now I think. However, right now the overlay is set to off. As you can see, the text still slides up from the bottom and is screwy in the related products page anyway. I want to ditch it all. Here are some examples:

  https://heatherwatts.com/shop/

  And here, in the related products section at the bottom: https://heatherwatts.com/product/sees-things-differently-surreal-art-print/

  December 9, 2014 at 4:24 am #134445
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce ul.products li.product figure figcaption{bottom:0px !important;}

  Thanks
  Mohammad

  December 9, 2014 at 6:39 am #134454
  wattsh

  Member

  Post count: 38

  Hi Mohammed. Thanks very much. Actually that CSS just made them permanently visible rather than only on hover, so instead I changed it to this, which made them permanently invisible:

  .woocommerce ul.products li.product figure figcaption{display:none;}

  Thanks for your help!

  🙂

  December 9, 2014 at 7:08 am #134460
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome. I’m glad that issue resolved.
  Thanks 🙂
  With Best Regards
  Mohammad

• Back to forum

  Posted in: Dante