Images Auto Resize to Fit Blog Post Area / How to Resize All Images Automatically in Blogger

Admin    February 15, 2020    Blogger , Codes   

1. First, Sign in to Blogger with your Google Account.
2. Click the Down arrow in the top left, then choose the blog you want to work on.
3. In the left menu, click Template.
4. Click Customize under Live on Blog.
5. In the left menu, click Advanced > Add CSS.

When you will click Add CSS, the following custom CSS area will appear —


Add the following CSS code into this area and click Apply to Blog in the top right corner. Reload your blog page to see the changes.
.post-body img { width: 500px!important; height: auto!important; } Now you should see the images have been resized and fitted their post areas automatically.

What to Do if the CSS Code above not Work

If the code above doesn’t work, that means the same styles already exist in your template. So to make it work, we have to override the existing styles using !important rule at the end of the values. Use the following CSS instead of the above —

.post-body img { width: 500px!important; height: auto!important; }