After doing this head to the design tab. The best image size to use for your WooCommerce product largely depends on the theme you’re using for your store and if you’re using an image zoom plugin like WooThumbs or not. Moreover, the Featured Image Size option includes the size of the image to be used on the slider. As an example, most of our themes use the figure.post-image class, so you would want to modify this element to set properties like width, height, percentage, border, and etc. Featured image thumbnails override first post image thumbnails. Last Updated on December 13, 2016 by Tut Man. Your actual sizes will vary based on the content and needs, but they will help you get an idea of what works best where. Hey! The posts on my client’s side don’t all have featured images, so to keep those posts displaying correctly I made a slight modification by replacing article.et_pb_post with article.et_pb_post.has-post-thumbnail. The ideal size for a featured image in a WordPress website is 1200 x 628 pixels. Section 1: To place the post title, post meta, featured image; Section 2: To place the post content, post navigation; Section 3: To place the comment box. First, click on the mobile icon to give a custom size for all the devices. Change Default size of featured images using our WordPress themes. The thinking behind this is that putting the featured image on the left wouldn't look very good on mobile as the small screen width doesn't really leave enough space for a featured image and text side by side. And the Blog Module will use the same thumbnail size for each post anyway. If you make a purchase by visiting one of our links, we may earn a small share of the revenue. I’ve rebuilt their thumbnails. Today, we will be using the same math, same code, and the same process as before to change the Divi Blog Module featured image aspect ratio. I can click on an image I uploaded, but it won’t actually attach to the post. Default Image Sizes. Divi will also generate multiple image sizes for images as you upload them and it will automatically choose which image to use. Do not resize images highlighted in Divi's Blog module any more. Images will be 400x284px. Est. They are just fine until I attach them to a post and then they won’t show. The thumbnails in the Blog module ("Grid" mode or "Slide" mode) use a 400px * 250px portrait format - a 16:10 ratio. Choose sizing and then height. Be sure to follow along the video to help you easily understand how this works! Different blogs (and more specifically, different themes) may have featured images with different sizes. The only thing you need to do manually is edit the embed code for each video to reflect the size of your standard featured image. As this is an update, I’ve left out a lot of the detail that’s in the original tutorial so unless you’re comfortable making changes to your theme files, I recommend you read that one first. The best showcase of beautiful Divi websites, layouts, and child themes. Our themes usually define several image sizes for the featured images. By default you have limited control over the look and feel of your featured image in the Divi theme. – Fixed broken image size on image of Slider & Fullwidth Slider modules. Instead, the Divi default blog module styling is left as is. As its name suggests Notes! WordPress will crop your uploaded image to all these sizes when you set a featured image. The problem is when I set a featured image. By default the Divi Theme will stretch featured images to the width of the post area. – Added JS filter ‘et.builder.store.setting.update’ to hook on page settings values. The theme will then use these different sized images on various locations in the theme. In both the cases, you will have to make some modifications in the size of the featured image. The support post ‘Divi and EE4 – Featured Image’ is closed to new replies. ... We are providing Free help for Divi community. On the screenshot above, you can see on the left that the Blog module displays cropped images.However, the highlighted images that have been used are indeed portrait images.. The available featured image size are Medium , Large , and Full . To help you determine the image sizes for these ratios, take a look at an online tool called Aspect Ratio Calculator.