how To Remove Image Border in Blogger

Removing image/picture border:
After adding images to your blog, by default images contains border and also contains shadows around images. You can delete border around image and shadow around that image. If you want to get rid of the image border then this post will help you. It is simple to remove border of your Blogger image.


How To Remove The Image Border in Blogger Blog:

We can remove the image border at the time of adding image to Blogger blog or after adding. It is easy to remove borders around all images on your Blogger. By changing border value of images in your Blogger template, you can remove all image borders at a time with out removing manually.

You can also remove image border on a specific blog post manually. 


Follow below steps to remove all image borders in Blogger 

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit template.

Step 4 : Search .post-body img { 
You can see  border: 1px solid $(image.border.color);   below above line

Set border: 0px in the above line (i.e replace 1px with 0px )

Note : If can't see exact border tag then simply change border value as "0" as shown in your template.

Step 5 : Click on save template

Now go and check images on your Blogger blog. You can't see borders around images on your Blogger blog after doing above changes.

Follow below steps to remove the particular image border in blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Posts

Step 3 : Open blog post having border and click on HTML in post editor.

Step 4 : On image code set border attribute value as "0"

              i.e border=0

Step 5 : Click on Update

Like this we can also remove shadow around images in Blogger blog.

No comments:

Post a Comment