Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #1437504
Thumbnail hover option (Portfolio items)
Closed

Comments

  • Antonio started the conversation
    January 18, 2018 at 9:35pm

    I would like to know if I can give opacity to the image and when the mouse passes the image appears at 100% like in fitness demo with custom css.


    Thanks

  • [deleted] replied
    January 19, 2018 at 10:26am

    Hi Antonio,

    Yes you can do that but only if you add a CSS code on your Custom CSS area.

    We used this CSS code to do that:

    .portfolio-item .image-placeholder {
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    transition: all 0.2s;
}
.portfolio-holder .item-box .photo a:hover .image-placeholder {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

    If you're looking for professional help in this matter, there's always someone available for such tasks on the WP Kraken or Envato Studio. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.

    Have a great weekend!