• 

  Yusuf Moolla

  Participant

  August 31, 2020 at 10:21

  Hi there

  i would like to display the product as exactly shown in the demo with the hover effect ,its not showing like that on my website
  it must be white including the name of product,and must have the same effect as shown on the demo
  please refer to screenshot below

  https://prnt.sc/u8udyl

  #249969 Copied Theme version: 5 WooCommerce version: 5
  1 Answer
  

  Olga Barlow

  Participant

  August 31, 2020 at 15:32

  Hello,

  Are you talking about the shadow hover effect?

  Add the following code to Theme Options > Custom CSS

  @media (min-width: 993px){
      .products-loop .product:hover, .carousel-area .product-slide:hover {
          box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
          z-index: 2;
          transform: translateY(-5px) scale(1.007);
          border-radius: 5px;
      }
      .products-loop .product, .swiper-container .product-slide {
          transition: all .2s ease-in-out;
      }
  }

  Regards

  #250015 Copied
• Viewing 2 results - 1 through 2 (of 2 total)