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 
			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.

7 Responses to How to Put PageLines Post Thumbnails On Top of Titles

  1. ben says:

    where is the base.css file? i can’t locate it

  2. ben says:

    so where in the style.css do i add

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

  3. Amanda says:

    Related question, I increased the size of my thumbnails to 300 px but now I have a gap between my title and text. How can I fix this?

  4. jk says:

    is this going to work for pagelines framework?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop us a note so we can take care of it!


All entries, chronologically...