how to prevent “featured image” being displayed at top of blog post?

  • Resolved maryhollendoner

    (@maryhollendoner)


    7 years, 1 month ago

    For every blog post, I’d like to choose a “featured image” so that the snippet that’s displayed on my home page includes a photo. However, when I do this, the photo also gets added to the beginning of the post itself. How do I prevent this?

    I only want the featured image to show in the snipped on the homepage. I do not want it to also appear at the top of my blog post. Usually I have that photo as part of the blog post further down, I don’t want it also at the top.

    You can see this is happening if you look at the landing page (www.monkeysontheroad.com) and then click on any of the blog posts.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    There are two ways to do this: (1) make a child theme and edit single.php in the child to remove the call to the_post_thumbnail() or (2) hide the featured image with CSS. The latter is easier, but less efficient.

    .single-blog-image {
    display: none;
}

    To add CSS:

    • If you are using WordPress 4.7 or later, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter maryhollendoner

    (@maryhollendoner)

    Wow the CSS trick worked! Thanks!
    I have no idea how to implement your first suggestion because I don’t know what a “child theme” is or “single.php”. But it looks like your CSS trick worked.

    Thank you for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how to prevent “featured image” being displayed at top of blog post?’ is closed to new replies.