Quick Tip - Fix Images Breaking Out Over The Sidebar On Blogger


Orange Square 3D Blogger LogoAn Email I received recently for a Blogger user complained photos they added to posts were overlapping onto the sidebar.I facet I have seen this on a few blogs and have helped people with the problem.Fixing it is easy and only takes a minute.All we do is add a 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, Lets do it !
Step 1. - In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css.

Step 2. Copy and Paste the following code into the Css Section then click Apply To Blog.

.post img {max-width:98% !important}

That's it, said it was easy.What do you think and have you any other faults on your blog that annoy you ?

Drop Your Comments And Questions Below.

Comments

Popular posts from this blog

Beautiful Animated Hover Effect Captions For Images On Blogger

16 Best Free Blogger Templates Featuring Amazing JQuery Featured Slideshows