fix images breaking

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

blogger 3d icon logo

An 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, as shown in the video below.

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.

author paul crowe

Author – Paul Crowe is the owner and main author of Spice Up Your Blog.Paul lives in Ireland, has been blogging since 2006 and writing Spice Up Your Blog since 2009.You can find him in the usual social networks.


Quick Tip – Fix Images Breaking Out Over The Sidebar On Blogger
Informative
77
Useful
83
Easy To Read
79
Fact
84
Reader Rating0 Votes
0
81