WordPress.org

Forums

Yet Another Related Posts Plugin (YARPP)
[resolved] Article title under YARPP thumbnail is messed up (8 posts)

  1. Rugged Fellow's Guide
    Member
    Posted 1 year ago #

    The article title that shows up under the YARPP thumbnails seems to not be aligned right.

    http://www.ruggedfellowsguide.com/best-damn-cast-iron-steak/

    https://wordpress.org/plugins/yet-another-related-posts-plugin/

  2. jeffparker
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  3. Rugged Fellow's Guide
    Member
    Posted 1 year ago #

    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.

  4. jeffparker
    Member
    Plugin Author

    Posted 1 year ago #

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

  5. Rugged Fellow's Guide
    Member
    Posted 1 year ago #

    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.

  6. jeffparker
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  7. Rugged Fellow's Guide
    Member
    Posted 1 year ago #

    That works perfectly now! Thanks Jeff!

  8. jeffparker
    Member
    Plugin Author

    Posted 1 year ago #

    Great! You're welcome.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Yet Another Related Posts Plugin (YARPP)
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic