• 

  Royalty

  Participant

  March 30, 2015 at 12:04

  Hello,
  I need help with some custom css on product archive page:
  By default, when you hover over a product image, the footer-product area with Wishlist and Quickview is slided from bottom to top (translateY).
  What I want is that the footer-product is just faded in, without any translation.
  Could you please help me with this issue?

  Please note that I can not give you ftp-credentials, because my site is still on localhost.

  #53139 Copied
  3 Answers
  

  Brian Johnson

  Member

  March 30, 2015 at 12:30

  Hello
  You may try to add this code into the custom.css:

  .footer-product{
  opacity:0;transform:none !important;webkit-transform:none !important; transition: opacity: .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } 
  
  .product-image-wrapper:hover .footer-product {
   opacity: 0.9; }
  
  

  With best regards
  Brian Johnson

  #53152 Copied
  

  Royalty

  Participant

  April 1, 2015 at 08:22

  Yeah perfect, that worked! I’ve changed opacity to 1 because I want the text with no transparence and added a rgba-background to footer-product.
  Thank you very much, Brian!

  #53755 Copied
  

  Stan Russell

  Participant

  April 1, 2015 at 10:24

  Hello,

  you are welcome!

  Regards,
  Stan Russell.

  #53791 Copied
• Viewing 4 results - 1 through 4 (of 4 total)