Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10768

    Hi, I’d like to achive a mouse-over effect on featured images that links to pages/posts. I’m talking about the three rectangular images that is below the slider on the frontpage of the demo of this theme. I’m using a similar layout for my site, but am not showing the title or content of the page their featuring – just the featured image. Is it possible to make the image fade or darken/lighten on mouse-over to make it more intuitiv that there is a link from the image?

    #69319

    Hi thoddi,

    You can add the following code your custom.css or Quick CSS.

    .slideshow .featured a img {
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    }

    .slideshow .featured a img:hover {
    opacity:0.4 !important;
    filter:alpha(opacity=40) !important; /* For IE8 and earlier */
    }

    Regards,

    Mya

    #69320

    Cool, thank you:-)

    #69321

    I’m glad Mya was able to solve that for you :)

    Set to resolved.

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

The topic ‘MouseOver effect’ is closed to new replies.