Remove Blog Thumbnail Image from Haven Template

Site URL: https://www.norcalmachinery.com/sheetmetal-machinery/lion-1836-cleat-bender

Looking to remove the blog thumbnail images out of the header of the individual blog pages, along with the title etc in the banner.  The template is Haven.  The few css code examples I have found don't seem to work when added into the Page Header Coded Injection of the specific blog.

In advance, many thanks any help!

Add to Home > Design > Custom CSS

.collection-type-blog.view-item figure#thumbnail img {
    visibility: hidden;
}

19 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

.collection-type-blog.view-item figure#thumbnail img {
    visibility: hidden;
}

 

Thanks so much!  The code removed the image great.  How about for removing the automatic banner with text?  Thanks for all your help!!!

You mean remove both image + text??

Yes that would be great. Sorry for the delay in get back to you.

20 hours ago, SteveHumphries said:

Yes that would be great. Sorry for the delay in get back to you.

Add to Design > Custom CSS

.collection-type-blog.view-item .banner-thumbnail-wrapper {
    display: none;
}
.collection-type-blog.view-item header#header * {
    color: black;
}