Issues with title in blog page

Hello, I recently noticed the blog page on my website has a big block with a title above the posts.  Maybe something has changed in the template as I never noticed it before and I'm wondering how to get rid of it? 

Thanks!

this is the link to the page https://olivereyre.com/recent-work

I tried to insert all kinds of codes in Page header code injection but none worked. 

The 4 I tried so far:

.blog-item-title h1.entry-title { display: none !important; }

/* hide blog post title */ .blog-item-wrapper .post-title { visibility: hidden; }

.blog-basic-grid--text { display: none; }

.collection-type-blog.view-item .banner-thumbnail-wrapper { display: none; }

<style> .banner-thumbnail-wrapper { display: none; } </style>

I'm not familiar with version 7.0 blog, so there may be a way to remove this within your template settings or on the blog collection page - have you tried editing the main blog page to see if you can remove this banner? Just a thought since it's the name of your blog (Recent Work).

If no luck, try this:

#collection-570352d04c2f85f4f9c79d2a {
  #hero {
    display: none;
  }
}

Remove the hero image ( a.k.a. the Banner or Media image ).

There are two UI ways to get to this image to remove it.

1) 

2)

Let us know how it goes.

1 hour ago, creedon said:

Remove the hero image ( a.k.a. the Banner or Media image ).

There are two UI ways to get to this image to remove it.

1) 

2)

Let us know how it goes.

So there was no image in there 😞

2 hours ago, CassAggett said:

I'm not familiar with version 7.0 blog, so there may be a way to remove this within your template settings or on the blog collection page - have you tried editing the main blog page to see if you can remove this banner? Just a thought since it's the name of your blog (Recent Work).

If no luck, try this:

#collection-570352d04c2f85f4f9c79d2a {
  #hero {
    display: none;
  }
}

 

So I did that and that worked but... The code is now showing up in the page -see top left of the screenshot below. 

 

2 hours ago, CassAggett said:

I'm not familiar with version 7.0 blog, so there may be a way to remove this within your template settings or on the blog collection page - have you tried editing the main blog page to see if you can remove this banner? Just a thought since it's the name of your blog (Recent Work).

If no luck, try this:

#collection-570352d04c2f85f4f9c79d2a {
  #hero {
    display: none;
  }
}

 

So I did that and that worked but... The code is now showing up in the page -see top left of the screenshot below. 

 

Ok, there's something a bit funky here. The recent work block above the posts I had issues with yesterday just disappeared.
I haven't changed anything. The advanced tag injection are all clear and the settings are exactly the same as they were yesterday. What is weird too is that this issue I noticed yesterday wasn't there before either. So it basically came and went... 

I checked on a few browsers yesterday as well as mobile and it shown, now it's all gone.

Mystery... 

Quote

So there was no image in there

Even so I think it may have cleared your problem. I no longer see the grey block.

22 hours ago, creedon said:

Even so I think it may have cleared your problem. I no longer see the grey block.

But I didn't touch anything or saved anything in that section you mentioned, I looked to see if there was an image and there wasn't and left. I guess I'll never know.

Quote

But I didn't touch anything or saved anything in that section you mentioned

Sounds like an SS glitch and the act of just observing the right element, changed the behavior. This kind of thing doesn't happen often but it does.