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: Cardinal
• April 17, 2015 at 9:50 am #165878
  serieux

  Member

  Post count: 112

  Hi,

  How do I get the gallery hover effect to do an effect like zoom in or blur but show not text or icon when you hover over it?

  http://www.serieux.com.au/lookbook

  Thanks

  April 17, 2015 at 10:06 am #165886
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Try adding this to your custom css:

  .bold-design figure.animated-overlay:hover > img {
    transform: scale(1.05);
  }
  .bold-design figure.animated-overlay {
    overflow: hidden;
  }

  – Kyle

  April 17, 2015 at 10:08 am #165888
  serieux

  Member

  Post count: 112

  Hey Kyle,

  The text is still there.

  Also, is there anyway to remove the colour that goes over it as well?

  Thanks

  April 17, 2015 at 10:13 am #165890
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  .bold-design figure.animated-overlay figcaption {
    display: none;
  }

  – Kyle

  April 17, 2015 at 10:14 am #165891
  serieux

  Member

  Post count: 112

  Kyle,

  Perfect.

  April 17, 2015 at 10:18 am #165894
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great 🙂

• Back to forum

  Posted in: Cardinal