In some cases, browser developer tools can detect the cause of the issue, especially if it’s a JavaScript error or a plugin conflict. We recommend checking out our article on inspecting elements using the browser’s developer tools<\/a> if you’re using Chrome.<\/p> Depending on the cause of the error, there are different ways to fix a WordPress featured image not showing. We recommend these seven possible solutions – see which one works for your WordPress website.<\/p> If you encountered an HTTP error when uploading featured images to WordPress<\/a>, there are two possible causes.<\/p> To begin with, you might have exceeded the PHP memory limit<\/a>, preventing your WordPress site from running the required scripts to display featured images. Since the default memory limit is only 32MB, increasing it can solve the issue.<\/p> The second possibility is that the featured images exceed the PHP maximum upload size<\/a>. Your hosting provider generally sets this value, so it may vary. If it hasn’t been set to the maximum upload size yet, that might be what’s preventing you from uploading images.<\/p> Increase the WordPress Memory Limit<\/strong><\/p> This method requires modifying either your .htaccess<\/strong> or wp-config.php<\/strong> file. Both are accessible via an FTP client or a File Manager.<\/p> If you choose to modify the .htaccess <\/strong>file<\/a>, add this code snippet at the bottom:<\/p> Otherwise, locate the wp-config.php<\/strong> file in your root directory. Find the line containing WP_MEMORY_LIMIT<\/strong> and change its value to 1536M<\/strong>. If the line doesn’t exist, insert the following code above \/* That’s all, stop editing! Happy publishing. *\/<\/strong> or \/* That’s all, stop editing! Happy blogging. *\/<\/strong>:<\/p> Hostinger users can change the PHP memory limit via hPanel. Here’s how to do it:<\/p> Modify the PHP Maximum Upload Size<\/strong><\/p> To change the PHP maximum upload size, add the following code snippet to the bottom of your .htaccess<\/strong> file:<\/p> Hostinger users can do so via the PHP Configuration<\/strong> menu of the hPanel<\/strong> dashboard. Open the PHP options<\/strong> tab and pick the highest values for the uploadMaxFilesize<\/strong> and postMaxSize<\/strong> fields. Don’t forget to save the changes.<\/p> Most WordPress themes have different featured image settings. Some WordPress themes require manual setup by the website admin, while others automatically display your featured images. We recommend checking your WordPress theme settings or contacting your theme’s support for assistance.<\/p> As for plugins, outdated code is the most common reason for a plugin conflict. Plugins with access to your media library can also prevent featured images from properly showing.<\/p> First, try to update all your plugins. If this resolves the issue, an outdated plugin is the most likely culprit. Otherwise, deactivate all your plugins and reactivate them one by one.<\/p> After each reactivation, check whether the issue persists. Remove any faulty plugins from your WordPress site if there are any.<\/p> If your featured images still aren’t showing correctly, we recommend installing the Health Check<\/a> plugin. This free plugin detects common configuration errors and known issues within themes and plugins and performs troubleshooting to create a clean WordPress session.<\/p> Lazy loading is a feature that helps improve website performance, boost the mobile experience, and optimize the largest contentful paint score<\/a>. However, some plugins with this functionality treat featured images as any other images on your site, blocking them from being shown.<\/p> The first step to address this issue is to check whether your WordPress site has plugins equipped with lazy loading features. Pay close attention to direct lazy loading plugins, image optimization tools, and website optimization plugins, as they generally come with this functionality.<\/p> After turning off the lazy loading feature in these plugins, clear the cache and see whether that resolves the featured image issue.<\/p> If you need to keep this functionality, we recommend disabling lazy loading for the first image of your posts. Some plugins offer the option to exclude certain pictures from this feature, allowing you to benefit from their other features without affecting your featured images. Review the plugin’s documentation or contact its support team for assistance.<\/p> Incorrect WordPress dashboard settings can cause featured images not to show up in your post and page lists and the WordPress editor. The good news is that both scenarios have an easy fix.<\/p> Navigate to your WordPress dashboard and click on Screen Options<\/strong>. Check the Featured image<\/strong> option to display a featured image column in your post and page lists.<\/p> The Featured image<\/strong> tab should now appear in your content editor. Click on the Set featured image<\/strong> button and choose the desired picture from the media library.<\/p> If the Featured image<\/strong> option doesn’t exist in the Screen Options<\/strong> tab, your current theme may not support the featured image functionality. It’s best to contact your theme’s developer for assistance or refer to Step 7<\/strong> below to address this issue manually.<\/p> WordPress provides six default user roles to manage users’ access and actions within the website. You may not have the required user role to view or upload featured images, causing the issue.<\/p> Plenty of user role plugins allow you to alter the capabilities of default user roles. Here are the steps to grant featured image viewing and uploading permissions to a specific user role using the User Role Editor<\/a> plugin:<\/p> You can also use the plugin to create new custom roles with permissions of your choice.<\/p> Many blogs have a featured image shown next to each post on the blog post gallery page to attract visitors’ attention. The list of recent blog posts is made using the Latest Posts<\/strong> block provided by the Gutenberg editor<\/a>, placed within the designated home page.<\/p> The following steps will show you how to set a home page display with post thumbnails showing in WordPress:<\/p> Enabling the Display featured image <\/strong> option prompts WordPress to retrieve featured images from the latest posts. A blank space will appear if you haven’t assigned a featured image to the post in question or set up a default featured image.<\/p>\n <\/div>\n\n\n\n<\/p> If you still can’t see the featured image meta box in the content editor or show post thumbnails correctly, your current theme most likely doesn’t support featured images.<\/p> In some cases, the code to enable the featured image functionality might be missing. You can solve this by adding the following code to the bottom of your theme’s functions.php<\/strong> file via an FTP client or a File Manager:<\/p> Reload your admin dashboard and clear the website cache to see whether the featured image section appears when editing a post or page.<\/p> One of the most common mistakes WordPress beginners make is using one image as both the featured and cover image. It causes duplicate images to be stacked on top of each other on archive pages, resulting in a poor visual experience.<\/p> Open the post or page editor and locate the featured image section under the Post <\/strong>tab. If it shows the same image as the first image of your content, that’s what’s causing the problem.<\/p> The solution to this problem is to remove either the post thumbnail image or the image block from the content. While you can upload a new file to replace one of the two identical pictures, displaying both the post thumbnail image and cover image for each post can overwhelm your post lists, harming the user experience. <\/p> After figuring out how to properly set a featured image in WordPress, the next step is to make sure it looks right. Some of the most common issues that affect a featured image’s look generally involve incorrect sizing and using unoptimized photos.<\/p> Before tinkering with the sizing, it’s best to make sure the chosen images can represent your blog page. Some factors to consider when picking a photo for a featured image include:<\/p> WordPress automatically creates copies of each image uploaded to the media library in thumbnail, medium, and large sizes. While this image sizing method streamlines the process required to add visuals to a page or post, the dimensions don’t always work for featured images.<\/p> Fortunately, you can edit the default image sizes manually. Some WordPress themes have their own image dimensions, so we recommend checking your theme settings first. If there are none, follow these steps to modify the image dimensions via WordPress settings:<\/p> Check out our article on WordPress image sizes<\/a> to create new custom image dimensions or implement the changes using plugins.<\/p>\n <\/div>\n\n\n\n<\/p> All the visuals of your website, including featured images, contribute to your website performance, user experience, and overall SEO efforts. Therefore, it’s essential to optimize them. By making featured images easier to crawl, you’ll be able to rank higher on search engine results pages (SERPs).<\/p> There are several ways to optimize WordPress images:<\/p> Give our detailed article on optimizing WordPress images<\/a> a read where we break down each method. It also presents some of the best WordPress plugins for image optimization.<\/p> As they are the face of your pages and posts, you must ensure your featured images work properly and are of high quality. That said, you might forget to set up a featured image.<\/p> Setting up a default featured image for your WordPress site will help avoid having an awkward blank space on your page or post if you fail to set one. Here’s how to assign a default featured image:<\/p> There are plenty of default featured image plugins in the WordPress directory. They allow you to assign the first picture of your content piece as a featured image or add external pictures via URLs. Feel free to use the plugin that matches your needs.<\/p> A featured image is a useful WordPress feature that adds visual value to your WordPress site and attracts visitors. Post thumbnails on your website’s front page and social media will help drive traffic and boost your SEO efforts. Hence, your primary image must work properly.<\/p> We have covered the most common reasons that cause featured images not to show up and discussed seven solutions to fix the issue. You have also learned how to display correctly-sized featured images and automate their appearance on your website.<\/p> We hope this article has helped you understand this WordPress issue better and overcome it. Good luck!<\/p>\n","protected":false},"excerpt":{"rendered":" A WordPress featured image appears as a thumbnail for your WordPress post or page. Its purpose is to grab attention and provide a sneak peek of the content. Having a featured image representing your post also adds visual interest to your WordPress website, benefitting your search engine optimization efforts. A featured image shouldn’t be mistaken […]<\/p>\nHow to Fix WordPress Featured Image Not Showing: 7 Solutions<\/h2>
![\"\"](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner-1024x300.png\")
<\/a><\/figure>1. Fix the HTTP Error When Uploading a Featured Image<\/h3>
php_value memory_limit 256M<\/pre>
define ( ‘WP_MEMORY_LIMIT’, ‘1536M’ );<\/pre>
![\"The](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/01\/wpconfig-wpmemorylimit-1024x873.png\")
<\/a><\/figure>\n
![\"The](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/hpanel-advanced-phpconfiguration-phpoptions-1024x529.png\")
<\/a><\/figure>\n
![\"Increasing](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/increasing-the-memory-limit-via-hpanel-php-configuration-settings-1024x145.png\")
<\/a><\/figure>\n
php_value upload_max_filesize 256M \nphp_value post_max_size 256M<\/pre>
![\"Increasing](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/increasing-the-maximum-upload-size-via-php-configuration-settings-in-the-hpanel-dashboard-1024x126.png\")
<\/a><\/figure>![\"Increasing](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/increasing-the-maximum-post-size-via-php-configuration-settings-in-the-hpanel-dashboard-1024x143.png\")
<\/a><\/figure>2. Fix the Plugins or Themes<\/h3>
![\"Health](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/health-check-troubleshooting-plugin-banner.png\")
<\/a><\/figure>3. Disable Lazy Loading<\/h3>
![\"A](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/a-breakdown-of-the-lazy-loading-feature-on-the-official-page-of-jetpack-1024x414.png\")
<\/a><\/figure>4. Configure WordPress Dashboard Settings<\/h3>
![\"Locating](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/locating-the-featured-image-option-in-the-wordpress-screen-options-menu-1024x359.png\")
<\/a><\/figure>![\"The](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/the-featured-image-section-where-users-can-set-one-up-for-the-post-1024x422.png\")
<\/a><\/figure>5. Allow Featured Image for Viewing<\/h3>
\n
![\"Changing](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/changing-the-author-user-roles-capabilities-using-the-user-role-editor-plugin-1024x427.png\")
<\/a><\/figure>\n
![\"Adding](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/adding-the-ability-to-upload-files-to-a-certain-user-role-using-the-user-role-editor-plugin-1024x427.png\")
<\/a><\/figure>6. Fix Featured Image Not Showing on a Blog Post Gallery Page<\/h3>
![\"An](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/an-example-of-what-the-latest-posts-block-can-look-like-1024x414.png\")
<\/a><\/figure>\n
![\"Adding](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/adding-a-latest-posts-block-to-a-wordpress-page-1024x452.png\")
<\/a><\/figure>\n
![\"Enabling](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/enabling-the-display-featured-image-option-in-a-page-1024x459.png\")
<\/a><\/figure>\n
![\"Setting](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/setting-a-page-with-the-latest-posts-block-as-a-homepage-1024x309.png\")
<\/a><\/figure>\n
![\"Adding](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/adding-additional-information-on-the-featured-posts-in-the-latest-posts-block-1024x330.png\")
<\/a><\/figure>Pro Tip<\/h4>\n
7. Edit the functions.php File of Your Theme<\/h3>
add_theme_support('post-thumbnails', array(\n'post',\n'page',\n'custom-post-type-name',\n));<\/pre>How to Fix Duplicate WordPress Featured Images<\/h2>
![\"An](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/an-example-of-the-duplicate-featured-image-error-in-wordpress.-1024x403.png\")
<\/a><\/figure>![\"Checking](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/checking-whether-the-picture-assigned-as-the-featured-image-is-identical-to-the-first-image-of-the-post-1024x452.png\")
<\/a><\/figure>How to Fix a WordPress Featured Image Not Showing up the Right Size<\/h2>
Picking the Right Pictures as Featured Images<\/h3>
\n
How to Change the Default Image Sizes in WordPress<\/h3>
\n
![\"Changing](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/changing-the-wordpress-thumbnail-dimensions.png\")
<\/a><\/figure>\n
Pro Tip<\/h4>\n
How to Make Your Featured Images SEO-Friendly<\/h3>
\n
How to Ensure Featured Images Always Show Up on WordPress<\/h2>
\n
![\"The](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/06\/the-default-featured-image-option-enabled-after-installing-the-plugin-1.png\")
<\/a><\/figure>\n
Conclusion<\/h2>