Related posts

  • Author
  • #2901049


    Hi! I was wondering if it’s possible to change the position of the related posts feature. By default, the category is displayed underneath the title, that is displayed underneath the thumbnail. How can I make the category be on top of the thumbnail?

    So the order is:


    Thanks a lot

    The blog I need help with is



    Also, is there a way to centralize the div#jp-relatedposts ?

    I had to change the padding-left in order to do that, but I think it doesn’t work on all devices…


    Hi, this will move the categories above the thumbnails, but your last post on the right end of the last row goes awry due to the custom CSS you have for that post. This would be the CSS causing the issue.

    .home .post-8011 .entry-content a {
    .home .post-8011 .entry-content a:hover {
    .home .post-8011 {
    	padding-right:80px !important;

    This is the CSS to move the categories above the thumbnails.

    .blog #content .post {
    	position: relative;
    	padding-top: 30px;
    .blog #content .post .entry-categories {
    	position: absolute;
    	top: 0;

    On the single post pages, I’m seeing the jp-relatedposts-headline centered until I get down to narrower screen/window widths. This is caused by other custom CSS you have added.

    Looking at your custom CSS, there are a number of things causing issues, and sorting out all of that (given you have nearly 200 lines of custom CSS) is going to be very challenging. On phone sized screens, on the Revista… post, part of the title and content is hidden off the right side of the screen for me and shifted to the right.

The topic ‘Related posts’ is closed to new replies.