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
• January 24, 2017 at 5:15 am #311217
  livecookeat

  Member

  Post count: 2

  Hi

  I am trying to change the hover overlay on my blog post thumbnails so that there is now arrow and so that the image just changes to black and white. Is this possible?

  Regards
  Jane

  January 24, 2017 at 12:53 pm #311257
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Turn the image black and white isn’t possible, but we can change the overlay color.

  Add the code below to your custom css option.

  figure.animated-overlay figcaption {
      background-color: rgba(6, 6, 6, 0.55);
  }
  figcaption .thumb-info {
      display: none;
  }

  -Rui

  January 25, 2017 at 1:49 am #311332
  livecookeat

  Member

  Post count: 2

  Hi Rui,

  Thank you for the very quick reply. That CSS works well. I had my heart set on black and white as seen on this Dante site but if it is a major customisation will be happy with your solution.

  Thank you.

  Jane

  January 26, 2017 at 10:03 pm #311577
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Wasn’t aware of those css effects, guess it doesn’t work in all the browsers.

  Give this a try.

  figure.animated-overlay.overlay-alt:hover {
      -webkit-filter: grayscale(100%);
      -webkit-transition: all 0.6s ease;
  }

  -Rui

• Back to forum

  Posted in: Dante