• Hi,
    In the sidebar widget for related posts there’s an option to show a thumbnail picture. Is there a way to set the thumbnail picture without having the same image featured inside the post. In other words, is there a way to set the featured image for a post, but hide it in the actual post but still keep it as the thumbnail for the sidebar widget for recents posts. my website is myfavoritehello.com
    thank you

Viewing 15 replies - 1 through 15 (of 25 total)
  • Add this rule:

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

    Thread Starter myfavoritehello

    (@myfavoritehello)

    Thank you, is there a way to do this for a specific post, and not all posts?

    Yes. If you do a view source on the post and look for the body tag, you should see a class name that looks like postid-###, where ### will be some unique number which identifies the post. Then all you have to do is change the rule so it looks like this:

    .postid-123 .entry-featured {
        display: none;
    }

    Don’t forget the period at the beginning of the post ID. If you have problems finding the class name, please post a link to the post and I can look it up for you.

    Thread Starter myfavoritehello

    (@myfavoritehello)

    Hi, thank you.I was able to find the postid-###. And it did work to remove the featured image from the post. But two things: I noticed that the thumbnail pictures also removed when on the specified post. Is there a way to fix that? Second, when on the Home page where there’s endless scrolling of posts, the featured image still shows. Is there any way to removed the featured picture from the post on the home page as well?

    Here’s the link to the individual post: http://www.myfavoritehello.com/hello-inspiration/ (featured image is removed, but thumbnail pics on side widget are also gone but i’d like to show thumbnails)

    Here’s the link to the homepage: http://www.myfavoritehello.com (featured image shows for the post, thumbnail pics are fine)

    Oops, sorry. Change the rule to this instead:

    .postid-528 #content .entry-featured,
    .home #entry-528 .entry-featured {
        display: none;
    }

    This should take care of both problems.

    Thread Starter myfavoritehello

    (@myfavoritehello)

    Thank you. That worked for those two problems. I have one more issue now. In the post, for the section “You May ALso Like” the thumbnail isn’t showing, how do I fix that in the post when the featured image is hidden? Thank you.

    Sample post: http://www.myfavoritehello.com/favorite-lace-dress/

    Add this rule:

    #content .entry-related .entry-featured {
        display: block;
    }

    You should only have to add this once.

    Hi CrouchingBruin,

    I’m having the same issue and added the following to my stylesheet:

    /* Remove Thumbnail from Posts Rule
    =================================== */
    .single-post .entry-featured {
    display: none;
    }
    #content .entry-related .entry-featured {
    display: block;
    }

    But I’m still seeing the featured image pop up in my posts:
    http://clossette.com/how-to-stop-wasting-food-and-money-with-a-fridge-triage-box/

    What am I doing wrong?

    Thanks in advance for your help.

    Okay, nevermind. That actually worked for individual posts but I’m still seeing the extra thumbnail on the homepage.

    http://clossette.com/page/2/

    Any tips?

    Thanks!

    If you don’t want to see any of the featured images (i.e., thumbnails) on your blog page, change this rule:

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

    to this:

    .single-post .entry-featured,
    .blog .entry-featured {
    display: none;
    }

    Thanks so much CrouchingBruin. That worked like a charm. But now it seems like I have lost thumbnails on the right sidebar “Other Posts” widgets. Any fixes there?

    Oops, sorry. Make this slight change:

    .single-post .entry-featured,
    .blog #content .entry-featured {
    display: none;
    }

    Ahh. That did the trick.

    Thanks so much!

    Okay one more thing:

    I’m still seeing the double image issue on category pages:

    http://clossette.com/category/outfit-idea/

    Any help with that would be amazing.

    Add one more selector to the rule:

    .single-post .entry-featured,
    .blog #content .entry-featured,
    .archive #content .entry-featured {
    display: none;
    }

    I don’t know if this is also showing up on your browser, but when I look at your site on both Chrome & Firefox, there are two entries from your mobile menu (About & Shop), which are overlaying your regular menu.

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘Hide featured image in the post, but keep it in the side widget’ is closed to new replies.