How to remove border and box shadow images in blogger ?

By default, image posts on some Blogger templates have a border and a shadow. For those of you who understand CSS styling, maybe this is very easy. The trick is to edit the img style in the CSS code.

How do we do it?

Here are the steps:

Step 1. Go to your admin blog / website. Select " Theme " menu and then select " Edit HTML ".

Step 2. Click on the box and " CTRL + F " to search type "img" >> and you can see code like bellow :

.post-body img, .post-body .tr-caption-container, 
.Profile img, .Image img, 
.BlogList .item-thumbnail img {
  padding: ......;
  background: ...... ;
  border: 1px;
   -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);

Step 3. Edit the code, so it becomes like this

.post-body img, .post-body .tr-caption-container, 
.Profile img, .Image img, 
.BlogList .item-thumbnail img {
  padding: 0px !important;
  background: none !important;
  border: 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 4. After that, Click "Save" button and then preview your post.

For detail step by step yo can watch this video bellow .

Featured Post

How to fix CLS issue in your blog or web ?

  Fixing CLS issues is a big deal. That's because most of your competitors won't fix CLS problems and as a result won't rank wel...