Okay
  Public Ticket #2048094
Getting rid of featured images for blog posts
Closed

Comments

  •  1
    lparrella14 started the conversation

    I'm attaching a screenshot of where I want to remove the image from. The only place I don't like the featured image is above the actual blog post. How it shows it in the feed, and how it shows in the actual blog post. Do you know how I can get rid of that?

    Attached files:  Screen Shot 2019-06-14 at 12.49.09 PM.png

  •  686
    Barry replied

    Hi there,

    Thank you for adding the attachment.

    Please add the following CSS code to Appearance -> Customize -> Additional CSS:

    /* remove single post featured image */
    body.single-post .post-inner > a > img { display: none; }
    

    This will remove the featured image on single blog posts.

    Best regards,
    Barry

  •  1
    lparrella14 replied

    Thanks for the info, I added it, but there still seems to be images on the main blog display page. I was hoping to have them removed from there. 

    https://somd.pltester.com/patient-corner/

  •  1
    lparrella14 replied

    Also, and sorry to keep bothering you, but I'm not too good with CSS. But is there a way to put a border between the blog posts on the feed? Or some kind of image to separate the way the individual posts display? I've attached an example mockup of what I'm looking to do. Thanks again in advance. 

    Attached files:  IMG_0231.jpg

  •  686
    Barry replied

    Hi there,

    To remove the featured image from the main blog page as well please replace my previous provided CSS with the following:

    /* remove blog post featured image for summary and post */
    body.single-post .post-inner > a > img,
    body.blog .post-content > a > img { display: none; }
    

    Thank you for adding the screenshot. The easiest option is to add a bottom border to each post with custom CSS. You can use the following Css to see what I mean:

    /* blog page post bottom border */
    body.blog .post-inner {
        border-bottom: 10px solid #e6e6e6;
        padding-bottom: 50px;
    }

    Adding an image to the bottom of each individual post is possible with custom CSS as well but I need to see the image to provide the right custom CSS for that.

    Best regards,
    Barry

  •  1
    lparrella14 replied

    Awesome. Thank you so much!

  •  686
    Barry replied

    You're welcome!

    Best regards,
    Barry