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.