Hide GIANT Featured Image that Appears Before Each Post in Category View

  • Unknown's avatar
    pragmaticcommunication · Member ·

    Background:
    I set the featured image in posts so it shows up when I link to facebook and on my widget when I use:

    [display-posts category="pragmatic-communion" image_size="thumbnail" wrapper="div" posts_per_page="5" include_date="false" order="DESC" orderby="date" include_excerpt="true" ]

    I successfully used the following CSS code to hide the giant featured image on top of the INDIVIDUAL post pages, leaving them to appear only in the post in the location I inserted them:

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

    Help Needed:
    I’m having trouble finding the code I need to hide the GIANT featured image that appears above every post when I display a category, like this:

    https://pragmaticcompendium.com/category/pragmatic-communion/

    (I only want to see the images within the blog post, where I inserted them.)

    Thanks in advance for any help!

    The blog I need help with is: (visible only to logged in users)

  • dcoleonline · Staff ·

    Hi there,

    You can use this CSS:

    /* Hide Header Image On Archives */

.archive .header-image img {
display: none;
}

    It will hide the image on tags as well. If you don’t want that, change archive to category and it will only affect categories.

  • dcoleonline · Staff ·

    Ah, I was looking at the wrong area. Disregard that and I’ll get you something else in a moment.

  • dcoleonline · Staff ·

    Ok, here this should hide the featured images for the posts:

    /* Hide featured images on archives */
.archive .post-thumbnail {
    display: none;
}

    Let me know if that doesn’t work for you.

  • Unknown's avatar
    pragmaticcommunication · Member ·

    dcoleonline,
    PERFECT! Exactly what I needed!!! THANKS so much! Have a GREAT day – and weekend! Resolved!

  • The topic ‘Hide GIANT Featured Image that Appears Before Each Post in Category View’ is closed to new replies.