Thursday, September 24, 2015

How to Remove Blogger Images Shadows and Borders


How to Remove Blogger Images Shadows and Borders
In your Daily Basic routine of blogging ,you have might a maximum number of images into your blogger.For example you have posted on a Celebrity and there you have uploaded a number of Images.So there you have also seen Shadow and Border around that images that you have uploaded.Sometimes you don't like this and wanted to remove those Shadows and Borders but you have failed every time because of No Knowledge and No Guide about removing them.


So in this tutorial You will Learn How you can Remove Shadows and Border from Blogger Images/Pictures.Follow these instruction and easily remove Shadows and Borders from Blogger images/Pictures.

How to Remove Blogger Images/Pictures Shadow and Border

Step 1:Go to your Blogger Dashboard ,then click on "Template" and Hit on "Customize" button.

Step 2:Once you will click on "Customize" , then a new window will open.From there Click on "Advanced" . then again click on "ADD CSS" . now there Copy and Paste this below code.
Code:
.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;
}
As you can show in this Screenshot.
Remove Blogger Images Shadow and Border

After Adding the code into CSS input field, then Click on "Apply to Blog" for applying these codes.Now open your Blog and there you can see blogger images appeared without any shadow or any border.

NOTE:If This Method Doesn't work into your Blog Then Follow this new Method:
Step 1:Go to you Blogger , Then click on "Template" and Select "Edit HTML".

Step 2:Now Press (CTRL+F) from your keyboard for opening the Search Box. Then paste this Code and Find it in your Blogger template.
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);
Step 3:When you will find these code into your Blog , Now delete them from your Blogger Template.

If you can't find this code any where inside your Blogger template , then try to search for this Code in to your Blogger Template.
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
Once you will find this above code into your Blogger template  ,Simply delete it and Save the Template.After Saving the Template you will not Find any Shadow or Border around your Blogger images/pictures.

No comments:

Post a Comment