Support » Plugin: Related Posts for WordPress » Stop hover img effects?

  • Hi there,

    Your code is wonderful, and I’ve used it in the custom theme section. I’ve figured out how to make the borders disappear on my images, but I’d like to make it so that the images don’t get big when you hover over, and so that the border doesn’t turn black. Here is my website post: http://asubtleart.com/2012/11/glorious-friday/

    and the custom code I’ve hacked together:

    .related_post_title {
    	clear: both;
    	padding: 0 !important;
    	margin: 0 !important;
    }
    
    ul.related_post {
    	display: block;
    	position: relative;
    	margin: 0;
    	padding: 0;
    }
    ul.related_post li {
    	display: inline-block;
    	vertical-align: top;
            zoom: 1;
    	*display: inline;
    	width: 100px;
    	margin: 10px 10px 10px 0px;
    	padding: 0;
    	background: none;
    }
    ul.related_post li a {
    	display: block;
    	font-size: 12px;
    	line-height: 1.5em;
    	text-decoration: none;
    	padding-bottom: 5px;
    }
    ul.related_post li img {
    	display: block;
    	width: 100px !important;
    	height: 100px !important;
            border: 0px
    }
    ul.related_post li small {
    	font-size: 80%;
    }
     img
    {
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    }
    img:hover
    {
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    
    }

    http://wordpress.org/extend/plugins/microkids-related-posts/

  • The topic ‘Stop hover img effects?’ is closed to new replies.