Styling ‘Contextual Related Posts’ plugin for WP

Styling ‘Contextual Related Posts’ plugin for WP. (Photo by Kevin Dooley via Flickr http://www.flickr.com/photos/pagedooley/)

Styling ‘Contextual Related Posts’ plugin for WP.
(Photo by Kevin Dooley via Flickr http://www.flickr.com/photos/pagedooley/)

With the awsome post from Kevin Deldycke on how to style ‘contextual related posts‘ for WordPress I’ve created my ‘own’ (client’s) style. I needed rounded corners and then some….

Related posts

Styled for my client

Pleas note that I’ve obscured the actual address to the PIE script.

Here’s the code.

#crp_related ul {
  list-style: none;
  float: left;
  margin: 0;
}
#crp_related li, #crp_related a {
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
}
#crp_related li {
  margin: 8px !important;
  padding: 1px;
width: 110px;
height: 165px;
border: 1px solid #c2c3c3;
border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	}
html.lt-ie8 .rond, html.lt-ie9 .rond, html.lt-ie9 img.rond {
	behavior: url(/css/PIE.php);
}
}
#crp_related a {
  width: 100px;
  height: 100px;
}
#crp_related img {
  max-width: 100px;
  margin: auto;
padding: 5px 0px 5px 5px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	}
html.lt-ie8 .rond, html.lt-ie9 .rond, html.lt-ie9 img.rond {
	behavior: url(/css/PIE.php);
}
#crp_related .crp_title {
clear:both;
position:static;
  height: inherit;
  bottom: 6px;
  left: 6px;
  padding: 1px;
  width: 96px;  /* = 150px - (3px * 2) */
font-size: 10px !important;
}

About Steven

Ik ben ^steven. Later meer...
idee van steven