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: Atelier
• May 20, 2016 at 4:23 pm #269089
  AgenceSurprise

  Member

  Post count: 76

  Hello,

  On my home page I have a selection of products. The prices of these products are shown in a little white square on the image, but I don’t want to show the prices here, but maybe only on overlay. Where can I do that ?

  Thanks a lot,
  Léa

  May 23, 2016 at 9:48 am #269285
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .products.multi-masonry-items .product .shop-actions .price-link {
      display: none !important;
  }
  

  Thanks
  Mohammad

  August 24, 2016 at 2:51 pm #289198
  AgenceSurprise

  Member

  Post count: 76

  Hi,
  The css code you gave me earlier works (thanks by the way), now I have that :
  #style1 {
  float:left;
  }
  .products.multi-masonry-items .product .shop-actions .price-link{
  opacity:0;
  }
  .products.multi-masonry-items .product:hover .shop-actions .price-link{
  opacity:1 !important;
  }

  And my problem is that when the product image is too dark or too light, we can’t see really read text on hover, would you know how I can add an opacity to the product’s picture on hover (white for example) ? Screenshot attached so you can see what I’m talking about (product on the right)

  Thanks in advance,

  Attachments:

  You must be logged in to view attached files.
  August 25, 2016 at 5:42 am #289273
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  figure.animated-overlay figcaption * {
      color: #fff !important;
      text-shadow: 2px 2px 8px #000;
  }

  Thanks
  Mohammad

  August 25, 2016 at 10:27 am #289291
  AgenceSurprise

  Member

  Post count: 76

  Hi Mohammad,

  Thanks for that code, but this is not what I was talking about (pics attached)
  With this code, the text on overlay has a shadow, I would like to add like a white veil to the product image.
  Is this possible ?

  Thanks in advance

  Attachments:

  You must be logged in to view attached files.
  August 25, 2016 at 11:00 am #289298
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  figure.animated-overlay figcaption {
      background-color: rgba(255,255,255, 0.6) !important;
  }

  Thanks
  Mohammad

  August 25, 2016 at 11:08 am #289299
  AgenceSurprise

  Member

  Post count: 76

  Yes it works !! Thanks a lot 🙂

  August 25, 2016 at 11:12 am #289304
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Glad 🙂 to help you.
  Thanks
  Mohammad

  August 25, 2016 at 11:36 am #289306
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Looks like you managed it? http://d.pr/i/nWGx/54Q7xNGT

  – Kyle

  August 25, 2016 at 11:39 am #289307
  AgenceSurprise

  Member

  Post count: 76

  Yes it’s perfect ! thanks a lot

  August 25, 2016 at 11:43 am #289310
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem!

• Back to forum

  Posted in: Atelier