Related posts

  • Author
    Posts
  • #2901049

    usinarevista
    Member

    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:

    Category
    Thumbnail
    Title

    Thanks a lot

    The blog I need help with is revistausina.com.

    #2901131

    usinarevista
    Member

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

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

    #2901255

    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 {
    	color:#fff;
    	font-size:75%;
    	font-weight:300;
    	padding-left:30px
    }
    .home .post-8011 .entry-content a:hover {
    	color:#a9a9a9
    }
    .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.