how To Remove Image Border in Blogger

Removing image/picture border:
The images in Blogger have borders and shadows by default, but you can remove them if you prefer. The process of removing the border of a Blogger image is simple.

How To Remove The Image Border in Blogger Blog:

We can remove the image border at the time of adding an image to a Blogger blog or after adding it. It is easy to remove borders around all images on your Blogger. By changing the border value of images in your Blogger template, you can remove all image borders at once without removing them manually. You can also remove the 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 for ".post-body img {" in your Blogger template code.

You will see  border: 1px solid $(image.border.color);   below that line

Replace "1px" with "0px" in the above line to set the border of all images to zero.

Note: If you can't find the exact border tag, you can simply add a new line with "border: 0px;" to remove the border around the images.

Step 5 : Click on Save Template

Now, go and check the images on your Blogger blog. You should not see borders around images on your Blogger blog after making the 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 the blog post that contains the image and switch to HTML mode.

Step 4 : On the image code, set the border attribute value to "0", i.e. border="0".

Step 5 : Click on Update

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

No comments:

Post a Comment