MouseOver effect

4 posts from 3 voices

• Started 1 year ago by thoddi
• Latest reply from Devin
• This topic is resolved

Tags:

• image
• link
• mouseover

1. 

   thoddi
   Member

   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?

   Posted 1 year ago #
2. 

   Mya
   

   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

   Posted 1 year ago #
3. 

   thoddi
   Member

   Cool, thank you:-)

   Posted 1 year ago #
4. 

   Devin
   Moderator

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

   Set to resolved.

   Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.