WordPress.org

Ready to get started?Download WordPress

Forums

Related Posts for WordPress
Stop hover img effects? (1 post)

  1. ASubtleArt
    Member
    Posted 1 year ago #

    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/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic