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: Neighborhood
• February 21, 2015 at 6:08 pm #152182
  kele

  Member

  Post count: 13

  Hi,

  I would like to have the same hover effect on images as I have on portfolio and recent posts carousel now. Is there a way to have a “zooming” effect on images (that are pastes as single images on pages with or without links) just like on portfolio carousels?

  I would like to have the hover effect that you can see on this page (collections and lates articles carousels): http://keleclothing.com

  I would like to use it on pages like:

  Home

  Our Story

  Thanks for your help in advance!

  February 23, 2015 at 8:29 am #152323
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Unfortunately it’s not possible, as the structure of the html for images like that are not the same as portfolio carousel etc

  – Kyle

  February 23, 2015 at 9:04 am #152335
  kele

  Member

  Post count: 13

  Hi,

  Thanks for the info. In that case is it possible to add just an opacity kind of hover effect, like on this site: https://www.madewell.com/index.jsp
  So when users would hover over an image it would fade a bit.

  Thanks.

  February 23, 2015 at 9:08 am #152336
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  My bad, just figured out a way for the zoom:

  .spb_single_image figure a {
    overflow: hidden;
  }
  .spb_single_image figure:hover img {
    transform: scale(1.2);
  }
  .spb_single_image img {
    transition: all 0.3s ease-in-out 0s;
  }

  – Kyle

  February 23, 2015 at 10:54 am #152369
  kele

  Member

  Post count: 13

  Thanks Kyle! It works 🙂

  February 23, 2015 at 10:55 am #152370
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

• Back to forum

  Posted in: Neighborhood