Removing featured image from posts

Hey sansarlochan,

How are you doing today?

This should be possible with some custom CSS. Please try adding the following code in Appearance -> Theme Options -> Tools -> Custom CSS.

.single-thumb {
  display: none;
}

This should remove featured image from single post pages only. If this doesn’t work please keep the code added and post link to your site so I can take a look ??

Cheers,
Bojan

You are awesome! What’s great is that even after removing featured image, it shows up as the thumbnail when you post to Facebook. ??

Bojan

thank you so much. But one problem still exists. Featured image is removed completely from the posts, that’s great, but it leaved the page blank with its space. Means…my written posts are starting from bottom of the page. And featured image is still occupying its space being invisible. Have a look:— https://www.sansaryearbook.com/union-budget-2015-16-official-pdf/

Hey,

@lincolnho Glad to hear everything works ?? The reason it displays on Facebook is because the image has only been hidden with CSS but it is still in the template but it is just hidden.

@sansarlochan I’ve checked your site and that is actually featured image and related posts holder, see screenshot https://screencast.com/t/C01yjNRD.

What is the outcome you’re expecting there, please let me know so I can try to apply some CSS.

Best regards,
Bojan

thanks bojan for your quick response. Actually i want to show featured image only on homepage. And just with your help, I removed featured image from posts as well. But it is still occupying place on posts being invisible. How can I completely remove it from posts..so no even BLANK space is shown there…

Hey again sansarlochan,

There are few things that you could do with CSS. For example you can move the related posts to the right and push the content to the top. This is only possible with CSS by reducing the width of the content area so it will have a gap on the right side on the bottom, see screenshot https://screencast.com/t/KrhbR4aBE8h.

If you want to do this please try adding the following as described above:

@media screen and (min-width: 1000px) {
.single .single-feat .related-post {
  width: 100%;
}

.single .single-feat.clearfix {
  float: right;
  width: 30%;
}

.single article.post .entry-content {
  width: 70%;
}
}

Alternatives to that would be removing related posts area completely, or setting related posts to occupy 100% of the top of your posts.

Hope this helps ??

Best regards,
Bojan

Hi Bojan….

Thanks. But where to put the above code you mentioned? I have already filled your first CSS code in Appearance -> Theme Options -> Tools -> Custom CSS…….single-thumb {
display: none;
}

Now where should I put the new code you gave me??

I am novice to WordPress…hope you understand

Hey again sansarlochan,

This is your theme custom CSS tab, a place where you can add your custom CSS code. Some themes have that, others don’t.

Generally all styles in themes are placed in file called style.css. You never want to edit that file even tho adding code there will work once you update the theme all changes will be lost.

For this reason what people usually do is create child themes and place their code in child theme style.css so their changes are safe once you update the theme. Or if themes have custom CSS tabs (like the one you’re using has) you can add all your custom CSS code there which will stay there after theme update.

So with this being said you can simply paste the code from my previous post just below the code you already have there.

Hope this helps ??

Cheers,
Bojan

Hey thanks a ton bojan to solve my all problems.

One thing more, What can i do to delete the related post option fully?? because my posts have no width because of that….and my post looks ugly…

Thanks again

Hey again,

Glad to hear you’re finding the info useful ??

To remove related post completely, first please remove the code we added above since we don’t have to use it anymore, when done please try adding the following to your theme custom CSS tab:

.single .single-feat {
  display: none;
}

This should do the trick ??

Best regards,
Bojan

You solved my all problems Bojan, thanks a lot.

I have two more quarries:-

1. I have deleted related post option. Can i add any widget related to this later? If yes, then which will be best plugin for me for related posts? Suggest me

2. On homepage,you can see (fourth row from top—may be Featured Block Four Excerpt Posts,not sure )….my icons are not arranged in a perfect manner. I tried a lot to fix it. I change thumbnail sizes and all.But the left icons are not in perfect order as the right one.

I am very thankful to you to guide me promptly.

Hey again,

If you have additional questions that are unrelated to the topic I’d suggest opening another thread for the sake of other members.

With that being said here are the answers to your questions:

1. you can try any of these plugins from the following link and place them into your sidebar https://www.wpbeginner.com/plugins/5-best-related-posts-plugins-for-wordpress/

2. If this is what you’re referring to https://screencast.com/t/iPGLj93ys then I believe this is related to your second post not having any content in it and it is being smaller in height so it pushes the third post below it. If you want to keep everything the same you can fix this with some custom CSS and adding minimum height for those elements, try adding the following:

.featured-excerpt-block .featured-post {
  min-height: 104px;
}

This should be the result https://screencast.com/t/nPinwoD8UL.

Best regards,
Bojan