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

Post a Comment

Thanks You

Popular posts from this blog

Beautiful Animated Hover Effect Captions For Images On Blogger

-
Image
    In this post we have not only an amazing effect you can add to the images you use in your blog posts but it's amazingly simple and amazingly fast so wont slow down you page load time.The effect is similar to what you will see on many Featured Posts Gadgets, when you hover your cursor over the image a caption scrolls up from the bottom with your selected text. So, you can have the title of the image, a description, date taken, credit or anything you like.The code we will use has No Javascript this ensures it will load fast and as i said not slow down your blog.The code is all Css3 (Don't Worry I Will Keep It Simple) so you have a flowing and transparent effect with the caption.There is also a stylish Shadow edge around the image On-Hover. Just show us the demo and screenshot so we can see for ourselves i here you shout ! OK But, Before i show you the demo you should note while this image caption will work with all browsers older versions of Internet Explorer will...
Read more

16 Best Free Blogger Templates Featuring Amazing JQuery Featured Slideshows

-
Image
One of the popular features of Blogger Blogspot Templates is the Featured Post Slider or Slideshow Carousal.Not too long ago a very plain Image Slider was the best you could hope for and you were lucky to even get that.However now with so many awesome Free Blogger Templates and Designers creating templates and converting Css and  Wordpress Themes  to Blogger the options are fantastic.We constantly see templates of premium quality with stunning Image Sliders available for free download.In this post i will list 16 of the Best Blogger Templates With Featured Post Sliders, Image Sideshows and Picture Carousals.All the Sliders are created with jQuery which allows some cool features such as the transitions  (The effect between each slide). So in no particular order here is the list !
Read more
-
Image
This week with the design change here on SUYB i have been going through some of the archive and updating older posts.I needed to update the design of some of the posts and in some cases the content itself.You know there is some really cool posts from up to 2 years ago that stand the test of time.I know many of you missed these posts when they were first published and they could be just what your looking for. So i thought today i would bump up 10 of them.From Blogger Gadgets and Design to SEO and Traffic here are 10 great posts you may have missed.
Read more