WordPress.org

Forums

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

  1. Rugged Fellows Guide
    Member
    Posted 2 years 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 2 years 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 Fellows Guide
    Member
    Posted 2 years 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 2 years ago #

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

  5. Rugged Fellows Guide
    Member
    Posted 2 years 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 2 years 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 Fellows Guide
    Member
    Posted 2 years ago #

    That works perfectly now! Thanks Jeff!

  8. jeffparker
    Member
    Plugin Author

    Posted 2 years 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