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;} 

```
You can select your image checking the alt tag it.

The following example, hides your image.

```
img[alt*="White Wreath Association"] {
    display: none;
}

```

Here your HTML just for reference:

```
<img class="alignnone size-full wp-image-4051" src="https://websitetechnology.com.au/wp-content/uploads/2016/04/whitewreath.jpg" alt="White Wreath Association" width="1280" height="888" srcset="https://websitetechnology.com.au/wp-content/uploads/2016/04/whitewreath-768x532.jpg 768w, https://websitetechnology.com.au/wp-content/uploads/2016/04/whitewreath-610x423.jpg 610w, https://websitetechnology.com.au/wp-content/uploads/2016/04/whitewreath.jpg 1280w" sizes="(max-width: 1280px) 100vw, 1280px">

```