Headway Themes is turning 5! Use coupon headway5 to save 35%. See Pricing →

Hiding the Featured Post Thumbnail

If you’re putting together a relatively “simple” website – insomuch as you are customizing one or two layouts using Headway’s Visual Editor – you may run into the following scenario:

1. You may or may not have a static homepage. It’s customized if you do, yay!

2. You have a blog index, which may or may not be the front page of your site. Either way, it’s customized and the content block is set to show excerpts and thumbnails, because it’s prettier and more functional that way.

3. Your single layouts aren’t customized.

4. When you look at a post on your site, the featured image appears with the title, and you already inserted your featured image full-size at the top of the post or partway down, and you want the thumbnail gone!

Never fear, Headway community. We have multiple ways to solve your problem.

Just Customize the Single Layout

You can Clone your Blog Index to you Single Layout by clicking Edit on Single (or Single -> Post), choosing the Blog Index as the Clone.

From there, you simply need to edit the content block to hide the featured images. So open the Content Block options, un-mirror it, and then go to Featured Images and uncheck “Display”.

Voila!

Use CSS to Hide it Instead

If you’d rather not clone the layout if you don’t have to, you could simply add a line of custom CSS that will hide the thumbnails from sight entirely.

.single a.post-thumbnail {display:none;}

Just drop the above code into your Live CSS editor and your thumbnails will disappear on the single blog posts.

Spread the word!

6 Responses

  1. dante1 says:

    Thanks very much!!! I needed this for a website project!

  2. rodrigo8855 says:

    Hi, i have a problem with the featured post thumbnail. 
    I did make a template that, in the header, uses this custom code: 
    “<?php  if ( has_post_thumbnail() ) { the_post_thumbnail(); }?>
              <h1><?php the_title ();?></h1> ”
    The problem is that some pages show a thumbnail and a title of another pages created, instead of the thumbnail that I assign in it.
    =S

    • rentageekmom says:

      rodrigo8855 sounds like you may need to declare global $post, grab the $post -> ID and use it in your call to the_post_thumbnail and the_title. i.e. 
      global $post;
      $id = $post -> ID;
      the_post_thumbnail($id);

  3. Zobaiq says:

    I am a professional blogger. I would like to share my
    thought in my blogs and always try to write something new for the people who
    are regularly visit my blog. I also Like to share most effective Professional
    Blogging Tips (http://www.professional-blogger.blogspot.com/) and the way to Increase Earnings By
    Blogging (http://professional-blogger.blogspot.com/2012/12/how-to-increase-earnings-by-blogging.html).

  4. Max Duran says:

    I tried everything. I think this is not possible. The only way is survive with this f##* thumbnail inside the post.

    • Jamie VanRaalte says:

      Max – what do you mean you’ve tried everything? You definitely don’t have to have the featured image inside of the post.

Leave a reply

Current day month ye@r *

Headway Newsletter

Get the latest updates from our blog directly in your inbox! Are you ready to learn the latest from Headway Themes?

Copyright © 2014 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress