How to Remove Image/Picture Shadow or Border from Blogger

Today I want to share with you about how to remove image/picture shadow or border from blogger. In blogger platform, there are some default widgets or settings which are not very much important for blogger, sometimes these default settings seem ugly to the blogger or visitors. When you upload images in your content comes with default borders and shadows around the images which are not attractive.

When I was a newbie blogger, I didn't understand that the image/picture shadow or border is really annoying. But now I understand because I like the plain design, it also looks good to the visitors. Images/pictures without border and shadow look smart and attractive. If you want to remove image/picture shadow or border from blogger, just do like me.



Remove Image/Picture Shadow or Border from Blogger


Step 1: Go to blogger Dashboard then click on Template >>>> Customize (If you have old Blogger interface just go to Dashboard >>>> Design >>>> Template Designer)

How to Remove Image/Picture Shadow or Border


Step 2: Now click on Advanced >>>> Add CSS. Now copy the below code and then paste the code on the Add custom CSS box. Then press enter after the last character of the last line of the code.


How to Remove Image/Picture Shadow or Border


.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

 Step 3: Now click on Apply to Blog. You have done.

There is another way to remove image/picture shadow or border if the above method is not perfect for you.

Step 1: Go to blogger Dashboard then click on Template >>>> Edit HTML

Step 2: Then click on the code area then press Ctrl+f and find the below code

  border: 1px solid $(image.border.color);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
 If you didn't find the above code just find the below one

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
Step 3: Then delete any of the above code. Now Save Template, that's all.

 I hope now you are able to remove image/picture shadow or border from blogger.

1 comments:

On the off chance that you need to expel fringe from picture/picture in blogger then you have gone to the ideal place, here with this short and simple instructional exercise you will be capable for evacuating blogspot picture/picture outskirt and shadow with no conclusion. A few people get a kick out of the chance to show fringes and shadows around the photos and pictures and dislike do that.

ref:
Regards,
Name : Charles
Web :
best essay writing service