How do I hide the featured image on my blog post?

Why hide featured images?

Featured images also influence branding and consistency. When designers choose different styles of photos or varied aspect ratios, the hero image can clash with the rest of the design. For businesses like ours, presentation matters. Cleaning up the post allows the content and call‑to‑action elements to stand out, which is especially important for conversion‑focused websites. Finally, from an accessibility perspective, simplifying the page makes it easier for screen‑reader users to navigate without being forced past unnecessary visuals.

Understanding featured images

To work effectively with featured images, it helps to know what they are and how your platform uses them. On WordPress, the featured image is a native field that pulls a thumbnail into blog grids and sometimes into open posts. Themes and builders extend this functionality. Avada, for example, supports up to thirty featured images per post and lets you place them in slideshows or page title bars. The image can serve as a background, appear in a header or act as a simple thumbnail.

Shopify uses “featured images” within blog posts in a similar way, though the styling and insertion points depend on the theme. Page builders like Elementor and Divi treat featured images as modules that can be included or removed from a template. Understanding where your platform renders the image helps you choose the right method to hide it. When in doubt, inspect your site’s layout or consult the builder documentation for guidance.

How to hide featured image on WordPress?

For more control or when plugins aren’t an option, you can use CSS. Identify the class or ID your theme applies to featured images, then add a rule to hide it. For example, Cloudinary’s guide suggests targeting the .post-thumbnail class with display: none;. To hide only blog listing images, you can target .blog .post-thumbnail, and for single posts, use .single-post .post-thumbnail. In the Gutenberg block editor, a common solution is:

<style>
.single .wp-post-image,
.single .post-thumbnail,
.single .wp-block-post-featured-image {
  display: none !important;
}
</style>

Add this code to your theme’s style.css or via the Customizer under Appearance → Customize → Additional CSS. It hides the hero image on single posts without affecting thumbnails in blog lists. For advanced users comfortable editing theme files, you could remove the the_post_thumbnail() call in single.php or content-single.php, but this approach requires a child theme and careful testing.

Another method is to choose a theme that provides native options. Some modern themes allow you to turn off the featured image on the single post template. Always check the customizer or theme settings before resorting to code.

How to hide featured image on Shopify?

In Shopify, blog posts use the theme’s Liquid templates to display featured images. Most themes insert the featured image at the top of the article by default. To remove it, you generally need to edit the theme’s CSS. The Shopify community suggests adding a rule like:

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

Place this code at the bottom of assets/theme.css via Online Store → Themes → Edit code → assets → theme.css. Save the file and refresh your blog post. The hero image disappears from individual posts while remaining on the blog listing. Different themes may use different class names for the featured image, so inspect your template if this rule doesn’t work. For example, some themes label the hero image .article__featured-image. Adjust the selector accordingly.

If editing code makes you nervous, check whether your Shopify theme includes a section for the blog post template in the Theme Editor. Modern themes often provide blocks you can hide or remove directly through the visual editor. Look under Customize → Blog posts → Blog post and see if there’s a Featured Image block that you can toggle off. This approach keeps updates simple and doesn’t risk breaking your site.

How to hide featured image on Aveda?

In Avada (sometimes spelled Aveda by mistake), the process is handled within the theme’s rich options panel rather than through code. Avada extends WordPress’s featured image options, allowing you to upload up to 30 images and display them in various locations. To disable them on single posts, navigate to Avada → Options → Blog → Blog Single Post and locate the Featured Image / Video on Single Blog Post setting. Set it to “Off”. You can also disable featured images on portfolio posts via Portfolio → Portfolio Single Post, and on pages via Extras → Miscellaneous → Featured Images on Pages. This method removes the hero image on single pages while keeping the thumbnails in blog grids.

Avada’s flexible layout builder means you can add featured images manually where you need them. If you prefer to keep control, create a custom single post layout without a featured image and insert a Post Card element or background image manually. This gives you freedom to design hero sections without relying on the default featured image field.

Working with Elementor and Divi

Elementor

Elementor Pro uses templates to control single post layouts. When you build a Single Post template, it includes a Featured Image widget. To hide the hero image for all posts built with a given template, simply remove the Featured Image widget from that template. If you need some posts to show the image and others to hide it, create two templates: one with the Featured Image widget and one without. Assign a condition or tag to each template, such as adding a custom tag called “No Featured Image” and applying it to posts that should hide the hero image. Elementor does not respect theme‑level “Disable Featured Image” options once its template is active, so the template‑based solution is the cleanest way to control the hero image.

Divi

Divi makes hiding featured images straightforward. Go to Appearance → Divi Theme Options in your WordPress dashboard. Click Layout then Single Post Layout, scroll down and disable “Place Thumbs on Posts”. Save your changes and clear your cache. The hero image disappears from all single posts, but thumbnails remain visible on blog index pages. This option is built into the theme, so you don’t need to write any code. Divi also allows you to tweak other post elements, such as author, date or categories, from the same panel. For more granular control, you can build custom post templates using the Divi Builder and omit the image module entirely.

The 614 Digital approach

At 614 Digital we’ve learned that no two websites are alike. Some clients use WooCommerce with elaborate galleries, others rely on the clean aesthetic of minimalistic blogs. We operate across platforms, from Gutenberg to Elementor, Shopify, and Divi. When a project requires hiding the featured image, our first step is to evaluate the platform and its options. If the theme offers a simple toggle, we use it. If not, we leverage CSS or custom templates. One snippet that has served us well in the Gutenberg editor looks like this:

.single .wp-post-image,
.single .post-thumbnail,
.single .wp-block-post-featured-image {
  display: none !important;
}

It hides the hero image globally on single posts without affecting thumbnails or social previews. For Shopify and other builders, we apply similar CSS rules, always tailoring them to the theme classes. In more complex cases, we build separate templates to give clients the choice of posts with or without hero images. Our team also ensures that changes don’t hinder search‑engine optimisation or slow down the site. If you need help with a custom solution or want a professional audit, our Columbus Web Design Services and Web Design in Columbus offer tailored support. We also provide Web Design and SEO, Specialized Web Design and Website Design to ensure your website looks great and performs brilliantly.

Platform‑specific strategies

To help you quickly reference the right method, here is a succinct table summarizing strategies for major platforms and builders. Each platform is different, so choose the one that matches your site.

Platform/Builder	Strategy
Gutenberg (WordPress)	Use a plugin like “Conditionally display featured image”; or add CSS snippet targeting .wp-post-image and .post-thumbnail to hide the hero image.
Shopify	Edit theme.css and add a rule like .featured-image.contained-featured-image { display: none !important; } to hide the image in the article template.
Avada	Disable the featured image via Avada Options → Blog → Blog Single Post → Featured Image / Video; you can also disable it in Portfolio and Pages settings.
Elementor	Remove the Featured Image widget from the Single Post template or create two templates and assign conditions to show/hide the hero image.
Divi	Navigate to Divi Theme Options → Layout → Single Post Layout and turn off “Place Thumbs on Posts”.

This table only covers the most common builders. For other platforms like Squarespace or Wix, options vary by template. Usually you’ll find a toggle in the design settings or the ability to inject CSS in an advanced panel.

Tips and best practices

When modifying how your site displays images, keep the following best practices in mind:

• Test changes on a staging site. Editing CSS or templates can break layouts if something goes wrong. Use a staging environment or maintenance mode to experiment before pushing to your live site.
• Use child themes. If you edit WordPress theme files directly, your changes will be overwritten when the theme updates. Create a child theme to preserve your modifications.
• Consider performance. Even when hidden with CSS, images still load and can slow down your page. Optimise image sizes, leverage lazy loading and consider removing the image entirely from the template rather than hiding it if performance is critical.
• Keep accessibility in mind. Ensure that any remaining images have descriptive alt text. Removing visual elements should not compromise the context for screen readers.
• Stay updated. Themes and plugins evolve. Check for compatibility when updating WordPress or your theme to avoid breaking your custom solutions.

Finally, if you’re exploring ways to customize your WordPress profile picture, you may find our related article helpful: How to Change Your WordPress User Image When It Says “You can change your profile picture on Gravatar”. It’s a great companion guide for managing images across your site.

Conclusion

Learning how to hide a featured image on your blog post empowers you to control the narrative and design of your content. Whether you use WordPress, Shopify or a sophisticated builder like Avada, Elementor or Divi, the key is understanding how your platform handles hero images and where you can intervene. Sometimes a simple toggle will solve the problem; other times a line of CSS or a custom template is required. As you implement these changes, think about the overall user experience and performance. A cleaner post layout can improve readability and professionalism, enhancing trust and engagement.