jureham

Hi boolan,
sorry for the late response.
I think this is what you’re looking for:

.related_post_title {
	clear: both;
	padding: 0 !important;
	margin: 0 !important;
}

ul.related_post {
	display: block;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
}
ul.related_post li {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: 160px;
	margin: 10px 20px 10px 0px  !important;
	padding: 0 !important;
	background: none;
}
ul.related_post li a:nth-child(1) {
	height: 100px;
	overflow: hidden;
	border: 1px solid #ddd;
}
ul.related_post li a {
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	padding: 3px 0 5px 0;
	text-decoration: none;
}
ul.related_post li a:hover {
	text-decoration: underline;
}
ul.related_post li img {
	display: block;
	width: 160px !important;
	height: 160px !important;
	margin-top: -30px;
	max-width: 100%;
}
ul.related_post li small {
	font-size: 80%;
}

Best, Jure

Hi,
our plugin is using WordPress’s featured image if it can find one. Otherwise it takes the first image in the post.

So if you want to make sure we’ll display the image you want, set the featured image.

Hope this helps.

Best, Jure

Hi,
the new version of the plugin supports custom css. Go to plugin’s settings page and select custom under themes.

If you’re using thumbnails, you’ll probably want to start with something like this:

.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;
}
ul.related_post li small {
	font-size: 80%;
}

Best, Jure

Hi,
we just released a new version of the plugin that supports custom styles(css). Go to settings and select custom under themes.

If you want to modify vertical-m style, you can start with our css:

.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;
}
ul.related_post li small {
	font-size: 80%;
}

If you want to add round corners to thumbnails, add:
border-radius: 15px;
to ul.related_post li img { block.

Hope this helps.

Sure, you can find older version in developers tab
http://wordpress.org/extend/plugins/wordpress-23-related-posts-plugin/developers/

Since we don’t like breaking our plugin, can you please elaborate on the issue, so we can fix it in the next version?

Thanks.

Best, Jure

Hi,

you can add
<?php wp_related_posts()?>
to your single post template.

We should probably document this somewhere 🙂

Best, Jure

Hi,

The function related_posts_exist is defined in YARP and it has nothing to do with our plugin. If you were using YARP before, please check if this function call is still in your template.

If this doesn’t solve your problem, please post the issue to the YARP’s plugin page.

Best, Jure