Wednesday, January 13, 2016

How to Make Picture Responsive Blog

How to Make Picture Responsive Blog - The problem that often occurs when you try to send a picture with a width greater than the size of the image content or blog posts will appear unresponsive when resizing your browser. So when a image width cross the width of the content than the image width is greater than the width of the content. now with that here I'll give you a few tips on how to overcome the image that are not responsive by giving the CSS code for the picture.
(This trick is fully applicable to all the blog template).
How to Make Picture Responsive Blog

How to Make Picture Responsive Blog

Please open your blog> Templates> Edit HTML> Copy and paste the following CSS before ]]></b:skin> or </style>

.post-body img {
  max-width:100%;
  height:auto;
}

Now save the template you have successfully added responsivity for all the images of your blogger blog now no image will cross the line of your blog all will be responsive.



You Like It, Please Share This Article Using...




Don't Forget To Read This Also...




No comments :

Speak Your Mind: