Hover on photos

  • Posted in : Read WP
  • mindedmind
    Participant
    15 November 2013 at 20:16
    #10043

    How do I add a fade to my posted photos (on front page and in posts) so that they fade to white a little bit when the cursor goes over them?

    Thank you.

    Mehmet S.
    Keymaster
    15 November 2013 at 22:42
    #10049

    Hi, use this in your custom css field:

    .featured-image img
{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.featured-image img:hover
{
opacity: 0.7;
filter: alpha(opacity=70);
}

    Thanks

    mindedmind
    Participant
    15 November 2013 at 22:59
    #10052

    Thanks for going through the trouble Mehmet.

    I copy and pasted that text into the css field (theme options > style> custom css). When i refreshed my page, nothing happened.

    Any ideas?

    mindedmind
    Participant
    15 November 2013 at 23:03
    #10054

    Nevermind. I just had to set the image to featured image.

    Thanks it works great!

    Mehmet S.
    Keymaster
    15 November 2013 at 23:09
    #10057

    You are welcome!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Read WP - Minimalist WordPress Blog Theme
Login and Registration Log in · Register