Docs

[tiamcdowell]

Hello,

I don’t want to use the featured image option for my blog posts.

I would like to have the image inside my post show up on the post index page instead.

How can I do that?

Thank you.

[John Ezra]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.single .entry-featured {
    display: none;
}

Hope this helps – thanks!

[tiamcdowell]

Hi,

I entered that code and nothing happened. It did not work.

[Paul R]

Hi,

You can try this code instead.

.single-post .entry-featured {
     display:none !important;
}

If that doesn’t help, please provide us your site url so we can take closer look.

Thanks

[tiamcdowell]

Hey,

That code didn’t do anything either… The URL to my site is http://taliahreene.com

Right now, my blog index page is pulling the image from the featured image section. I don’t want to do that.

I want the blog index page to pull the image from inside my post (like the first paragraph of my post will have an image, and I would like this image to show on the blog index page with the titles and excerpts from the posts)

Thanks

[Rahul]

Hey There,

To be able to do that, you can simply set the the first image of the post as a featured image?

If that’s not what you want, Can you elaborate it a little further as to what you want to achieve?

Thanks

[tiamcdowell]

To setting the “first image” as a featured image limits the placement of the image in the post. It also stretches the image (no matter how large I make the image) and the quality of it looks horrible.

I would rather be able to place an image INSIDE the first paragraph of text, and have that image show on the blog index page.

The featured image stays at the very top of the blog post. I do not want that.

I have attached an example of what I would like to do.

This image shows what the blog index page looks like as well as the first paragraph of the post… they are almost identical.

[Rad]

Hi there,

In that case, you may just insert your image within the content with the alignment you wish to apply. Then simply hide the featured image by adding this CSS as suggested above.

.single-post .entry-featured {
     display:none !important;
}

I didn’t see it being added, please note that you will have to set featured image, and insert another image within your content manually. The purpose of setting featured image is to display it in blog home page, then, if you insert another image within the content, then you’ll have two images. Then that CSS hides the other one which is on top.

Make sure that Full Post Content on Index is turned off. Because two image will display on your blog home page.

Thanks!

[Author]

Posts