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

Comments

  • Antonio started the conversation

    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

    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!