Click the Background Image section of the Customizer panel. Feel free to go back and choose more images if you missed any. Youre better off using a plugin that can override the conflict than swapping out your entire theme and redesigning your website just to fix featured images. We recommend only using a media hosting platform, or maybe another website host that you own yourself. Visuals can be decisive in your content marketing plan. Therefore, we recommend checking your themes support for featured images. For example, you may rather have one featured image appear in the sidebar, but a different one shows up when the post is in a list on your homepage. Locate the section titled Actions with a single image. Go to the post in question, click on the Share to Facebook link, and see if the featured image appears in the pop-up window. Try to set the images as featured images for the Posts and the pages. The featured image also appears in the embeds when a post or page is shared on social media sites. But what if those thumbnail images are nowhere to be found? The problem prevents images from displaying on both the backend and frontend. The featured images for all blog posts in that feed appear as smaller thumbnails, providing a more visual experience for those looking for content. This way, youre able to present somewhat of a media portfolio for your posts instead of a bunch of links with only text. The Pexels collection isnt much different from your Media Library, except you have the luxury of finding beautiful photos without having to take them yourself. Fix the HTTP Error When Uploading a Featured Image 2. Featured images are wonderful, but you may find that youre unable to see a featured image for a post or page for one reason or another. This gets around the idea of uploading an image to your WordPress Media Library and activating that image as a featured image. As an alternative, the Media Library also has a tab to Upload Files, where you select from the files on your computer and upload them to your WordPress Media Library. No matter the reason, you may find that your WordPress theme doesnt offer support for standard featured images. At some point, you may realize that several old posts could use new featured images. This isnt a rule, but its also common to see issues with featured images when some plugins have access to your media library or alter all images functionality. Be sure to click the Save Changes button to activate the default featured image on your site. As long as youre not making the image too small, you should still be able to offer a beautiful featured image. Upload multiple photo sizes on a test post and mark down the dimensions of each one. The longest list of the most common WordPress errors and how to quickly fix/troubleshoot them (continuously updated). body a.novashare-ctt{display:block;background:#00abf0;margin:30px auto;padding:20px 20px 20px 15px;color:#fff;text-decoration:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border:none;border-left:5px solid #00abf0}body a.novashare-ctt:hover{color:#fff;border-left:5px solid #008cc4}body a.novashare-ctt:visited{color:#fff}body a.novashare-ctt *{pointer-events:none}body a.novashare-ctt .novashare-ctt-tweet{display:block;font-size:18px;line-height:27px;margin-bottom:10px}body a.novashare-ctt .novashare-ctt-cta-container{display:block;overflow:hidden}body a.novashare-ctt .novashare-ctt-cta{float:right}body a.novashare-ctt.novashare-ctt-cta-left .novashare-ctt-cta{float:left}body a.novashare-ctt .novashare-ctt-cta-text{font-size:16px;line-height:16px;vertical-align:middle}body a.novashare-ctt .novashare-ctt-cta-icon{margin-left:10px;display:inline-block;vertical-align:middle}body a.novashare-ctt .novashare-ctt-cta-icon svg{vertical-align:middle;height:18px}body a.novashare-ctt.novashare-ctt-simple{background:0 0;padding:10px 0 10px 20px;color:inherit}body a.novashare-ctt.novashare-ctt-simple-alt{background:#f9f9f9;padding:20px;color:#404040}body a.novashare-ctt.novashare-ctt-simple-alt:hover,body a.novashare-ctt.novashare-ctt-simple:hover{border-left:5px solid #008cc4}body a.novashare-ctt.novashare-ctt-simple .novashare-ctt-cta,body a.novashare-ctt.novashare-ctt-simple-alt .novashare-ctt-cta{color:#00abf0}body a.novashare-ctt.novashare-ctt-simple-alt:hover .novashare-ctt-cta,body a.novashare-ctt.novashare-ctt-simple:hover .novashare-ctt-cta{color:#008cc4}WordPress featured images not showing properly on your site? WordPress added the Cover block to its Gutenberg editor only recently. Itll avoid causing problems with your own server. For more details, you can see our guide on how to add header and footer code in WordPress. This section is outputting a style with a .site-header background image with a relative url; and is overwriting whatever it outputed before with the conditional is_page() codes. WordPress permissions decide who can read, write, or edit website files. Type in the new dimensions and click the Scale button. Sometimes theres a problem with your theme, and other times youll find that a plugin is causing the issue. Did we miss anything important? Avoid images that are way too large or small. You have the option to crop the featured image thumbnail to the exact dimensions. Make sure the right featured image is selected in the Media Library. You probably have the Different First Page box checked in the Options section of the Header & Footer Tools>Design tab of the ribbon. Lets start with the simplest of solutions, making sure youre uploading your featured images properly. You can still maintain the quality of an image after compression, cropping, or resizing. On the other hand, user roles dictate which areas of the WordPress dashboard and the frontend website are accessible to certain people. Think about using the built-in image editing tools in WordPress for featured images that are already uploaded but could use some changes. Whats great about Yoast SEO is that simply installing the plugin may do the trick for activating the Open Graph protocol for social sharing. The only problem is that it doesnt tell you which of your Media Library images have been previously uploaded as featured images. We covered the Quick Featured Images plugin above in this article. You can type in custom width and height, or decide on a percentage, so that the tool automatically changes the size of all featured images based on the percentage given. The key to fixing this issue is ensuring your user roles and permissions are all set properly. One of the last areas to consider for the Featured Image section (in the Latest Posts block) is the number of items you show in the block and how many columns make up the block. Clicking on that brings you directly to the WordPress Media Library. In this tutorial, we have a page called Homepage. Yours may have a different name depending on what youve named it. The image src is the full file path. Its also possible to locate all images on your WordPress site by going to the Media Library. The most important piece of image metadata is its Alt Text, which can be found by opening your featured image in the Media Library. Hello! After each reinstallation, you should check to see if the featured images are still functioning and showing up properly. Its more common to see something with specifics, like a message that tells you an image or video Exceeds the Maximum Upload Size For This Site.. Its easy to grab a quick image that relates to the article just to save time. Instead, it detects the posts that lack featured images and sets a default featured image for them. The following page explains which current featured images will be replaced by the future featured image you specified from before. Yet, we should all take our time when deciding on a featured image, seeing as how its the book cover of the post thatll get people to pick it up and read. That means therere no settings to look at or change before it working its magic. In that case, you should keep the photo under the Featured Image area and delete the one in the articles content editor. Keep in mind that the initial Select page in the Quick Featured Images plugin offers a wide range of actions to take with your featured images. Test a deployment on our modern App Hosting. It can also prevent people from sharing your work, considering its not all that appealing to share a blog post on Facebook that doesnt have a featured image. The preview image should look a bit smaller than before unless the change is so minuscule that you dont notice it. Start your free trial today. You can see that two of my posts now have a new featured image, and theyre the same images. Theres a field for choosing where the image should come from when sharing a post or page to social media. In the Astra theme, launch the edit screen of your desired page and expand the Astra settings tab from the bottom right corner. You also have the option to Save the crop, even though its done for you. The featured image may not be in the right place inside the page or post template. The Ixion theme page provides details of setting up your Header images and also the size specifications at the bottom of the page. Just make sure to test your featured images are uploaded and set properly before embarking on more advanced solutions. Here, enable the Display featured image option. The default featured image then populates inside the posts Featured Image module. Theyre vital to help your post or page move up the rankings. Click on the Cover block to insert it into your post or page. This should be empty, asking you to upload a featured image. Its also rather common to adjust the cover to fill the pages full width, making it even more effective to introduce an article or a separator between sections. there is no Featured Image section in there at all. Both can be accessed and implemented by going to the Posts or Pages menus and creating a new item or visiting an old page or post. Choose Preferences from the bottom of the menu that appears. Several tools are available in the Edit Image pop-up, but the most trusty of them is listed on the right side, and its titled New Dimensions. This should get you closer to the optimal featured image size for your theme. However, you may have to update previously published posts for the default featured image to show up on those. Regardless, select an image, or multiple images, by holding down the Shift key while choosing the images, and click the Choose Images button to proceed. 'Posts > Add New' link in WordPress dashboard Insert any content you want for the blog post. After that, youre able to insert the new version of that image into a post, page, as a featured image, or wherever you want it to show on your site. The advantage of using a method like this is that theres no relying on a default featured image that may not apply to the post. Weve outlined both common and uncommon problems with featured images. Here's the definitive guide to fix WordPress featured image not showing properly on your site , reach out to your current hosting provider, reading our guide on WordPress user roles, cut this piece of code and paste it somewhere else, Kinsta bans the majority of Open Graph plugins, The Ultimate Guide to Fixing and Troubleshooting the Most Common WordPress Errors (70+ Issues), Visual Content Strategy: How to Use Visuals to Get More Traffic, 10 Stunning Places to Find Free Images For WordPress.