Question: I am aware of the irony of a (mediocre) website freelancer not being able to get some CSS to work on his own site...

However, wondering if you'd help me with this, as I am no expert on CSS.

On [this webpage](https://websitetechnology.com.au/blog/project/white-wreath-association/), Wordpress has injected a dodgy image which is not contained in the post.

[![enter image description here](https://i.stack.imgur.com/dh25k.png)](https://i.stack.imgur.com/dh25k.png)

I want to hide it with CSS.

I have tried the following CSS:

```
body.postid-62 article p:first-child img {display: none;} 

```

However, this CSS is not being applied to the image when I view the problem image in Google Code Inspector.

If I add it as a new style in Code Inspector, the image remains.

Can you determine the correct CSS to hide the image please?

Thanks.

Answer: 
This `p` is just not the first element of it's parent, there is an `h2` before it. Use `:first-of-type` instead:

```
body.postid-62 article p:first-of-type img {display: none;} 

```
Please try this:

```
.main.single p>img {
    margin-bottom: 5px;
    display: none;
}

```