Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 25, 2014 at 12:59 am #255895
    edgarmota19

    I’m trying to reverse the hover options on my Portfolio page.

    http://www.primuspictures.com/portfolio/

    I want the videos to display as the hazy white/grey (without the play button showing), and when you hover over to display full color.

    April 25, 2014 at 3:43 pm #256158
    Yigit

    Hi edgarmota19!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .image-overlay { background: transparent; }
.grid-image img { opacity: 0.5; }
.grid-image img:hover { opacity: 1; }

    Best regards,
    Yigit

    April 27, 2014 at 1:12 am #256706
    edgarmota19

    Hi Yigit,

    The code didn’t work. It seems like it attempts to go full opacity, but nothing happens. The play button is still there and the opacity doesn’t change.

    Thanks for the help

    April 28, 2014 at 4:53 pm #257157
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .image-overlay { display: none !important; }

    Best regards,
    Yigit

    April 29, 2014 at 8:54 pm #257871
    edgarmota19

    Looking good. I wanted to add one final touch. Instead of just jumping different opacity, is it possible to add a transition from one opacity to full.

    Thanks again, the support here is awesome

    April 29, 2014 at 10:58 pm #257956
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .grid-image img {
transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
}

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.