Okay
  Public Ticket #1154247
Portfolio hover substitution
Closed

Comments

  •  3
    evangoldin started the conversation

    Hey guys, I'm using the Portfolio feature in Kalium, and I'd like to have black and white images that, on hover, show the color version of the image. I'd also like the caption to always be visible, not just on hover.

    Do you know how I can do this? 

  •  1,559
    Laborator replied

    Hi evangoldin,

    Unfortunately that's not possible, we don't have a feature to show the images on hover colorful.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    ben replied

    Heyla,

    I have exactly the same feature request. I think it makes a lot of sense to have that feature, From a design perspective thumbnail photos could easily clash unless meticulously curated. The simple solution would be to run all thumbnails as black and white, with the colour version only revealed in the hover state. This would instantly make the page appear more cohesive. Having the caption (optionally) visible in the image also makes sense as most sites are not about photography.

    Any chance you can accept this as a feature request?

    Kind Regards Ben

  •  1,559
    Laborator replied

    Hi benvantende,

    I have added this in the to-do list but we can't promise anything when it will be online since the list is huge and we're currently working on some other parts of the theme (headers and demos), anyway since it is on the to-do list it means we will try to implement it on the theme.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    ben replied

    Hey Art,

    Thanks a lot for the feedback. It is greatly appreciated. I will be checking updates. In the meantime I will test a bit if I can get it going with some CSS. 

    img.desaturate {
        filter: grayscale(100%);
    }

    gRTz ben

  •  1,559
    Laborator replied

    You're welcome Ben, have a great weekend!

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  4
    ben replied

    Hey Art,

    I managed to get it running with:

    .home .thumb img { -webkit-filter: grayscale(80%); filter: grayscale(80%); }
    .home .thumb:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

    , although that does not show the caption on the image. It looks like it should be possible with CSS, but I did not manage it until now.

    gRTz ben


  •  1,559
    Laborator replied

    Hi Ben,

    For which captions are you talking about? I just checked your site and the post captions seem to show when you hover over the image.

    P.S. It would be better if you'd create a whole new ticket since all these post notifications will go to the user who created this ticket and it gets messed up.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group