WordPress – How To Avoid Featured Image Duplication

Today, I would like to share a helpful tip for WordPress – how to avoid featured image duplication. I look into this common issue in my latest video and offer a simple solution.. You can either read this blog post or watch my step-by-step video. You can find other videos and blog posts on my website about WordPress here.

 

Identifying the Issue

In my WordPress post titled “Stop the Music,” I noticed an issue with image duplication. This is a problem that many WordPress users often face.

 

 

 

Adding the Featured Image

 

Go to the ‘Edit’ section of your post. Here, you can add a featured image. In my example, I selected a specific image to set as the featured image and then updated the post.

 

Checking the Result

 

After updating, open the post in a new tab. You might notice two featured images appearing – the original thumbnail and the new one you just added.

 

The Solution

To resolve this, head over to your WordPress dashboard. Navigate to ‘Appearance’, then ‘Customize’, and finally, ‘Additional CSS’.

 

Applying Custom CSS

 

This is where I applied a specific CSS code to fix the issue. I used GeneratePress for this example, but the concept applies broadly. Once the CSS is copied and pasted into the ‘Additional CSS’ section, publish the changes. This is the code that I used.

.single .featured-image {
display: none !important;
}

 

Observing the Changes

Return to your post and refresh the page. Now, you should see only one featured image, effectively resolving the duplication issue.

 

To Conclude

This simple yet effective method addresses many common annoyances in various WordPress themes. You can see the CSS code that I used above in this blog post.

If you have any comments, questions, or thoughts, please don’t hesitate to leave a comment. I’m here to help. Thank you for following along, and I hope this guide makes your WordPress experience smoother.