Article title under YARPP thumbnail is messed up

A rule from style.css is affecting the yarpp thumbnails css. This could possibly be caused from the theme you are using.

The solution would be to locate the YARPP CSS and add !important to those rules, so they do not get over-written by the theme specific rules.

Ok, thanks. I tried adding !important to the top of yet-another-related-posts-plugin/includes/styles-thumbnails.css.php (inactive)… I don’t know if that’s the right one, but now the title moved to its own box to the right of the thumbnail.

Could you switch back your change so I can see again how the title looked originally?

Ok I switched it back.

Also, I found that when I put !important before this section:

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	border: 1px solid rgba(127,127,127,0.1);
	width: <?php echo $width_with_margins; ?>px;
	height: <?php echo $height_with_text; ?>px;
	margin: <?php echo $margin; ?>px;
	margin-left: 0px;
	vertical-align: top;
}

The thumbnails work kind of right, but they go vertical with the text to the right of the image instead of horizontal with the text under the image.

I would add the following at the bottom of your theme’s CSS file:

.yarpp-thumbnails-horizontal .yarpp-thumbnail {border:0 !important;}
.yarpp-thumbnail > img.wp-post-image {margin-bottom:.5em !important;}

See if that helps.

That works perfectly now! Thanks Jeff!

Great! You’re welcome.