How to Put PageLines Post Thumbnails On Top of Titles

This is a fairly common customization request that is actually quite easy to accomplish. The first thing you need to do if you are just beginning the customization process is to be sure you are using the PlatformBase child theme.

Next, using an FTP program like Transmit or Filezilla copy the template.postloop.php file from the main PlatformPro theme and move it into the root of the PlatformBase theme. You should now have two files both called template.postloop.php in both the PlatformPro and PlatformBase themes. By editing this file in the child theme you won’t have to worry about your custom changes getting overwritten in the next upgrade to the core files.

Now that we are edit-ready open up the template.postloop.php file in a text editor of your choice.

Find this block of code:

<div class="post-header fix <?php if(!pagelines_show_thumb($post->ID)) echo 'post-nothumb';?>" style="<?php 
							
		if(pagelines_show_thumb($post->ID)){
			echo 'margin-left:'.$thumb_space.'px';
		}
							
?>" >

and change it simply to

<div class="post-header fix">

Now that we’ve gotten rid of the snippet that adds our left margin to the excerpt, we need to clear this so it isn’t overlapping the thumbnail.

In the base.css file add:

.fpost .post-header {
	float: none;
	clear: both;
	padding-top: 10px;
}

Remember that you can change the size of your post thumbnails by going to your WP SETTINGS – MEDIA panel.