Fix - Blogger Post Image Overflow on Sidebar

Blogger

Many of Blogger users complain that photos they added to posts were overlapping onto the sidebar. I have seen this on a few blogs on web and have helped people with the problem.Fixing it is easy and only takes a minute.All we do is add a small snippet of CSS that makes sure photos and images can only be at maximum 98% the width of posts.So even if you added a huge image this code will restrict it from breaking out of the post body and make your sidebar visible and beautifull ;)

Add this to your Blog

- 1. - In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css

- 2. Copy and Paste the following code into the Css Section then click Apply To Blog.
.post-body img{max-width:98%!important}
Simple and easy. If you have got more problems let us know we may help you :)

3 comments :

  1. I found .post-body in my template. what to do?

    ReplyDelete
    Replies
    1. paste max-width:98% just after .post-body{ or you
      can follow above post. It will work too

      Delete