How To Remove the Line Border Around The Images In The Post On Your Blog…

I find out that some bloggers are having problem with the image in their post displaying with a small line border. And it makes the post look weird, so I figure out the css code that will remove the border line.

First you will go to the theme at the left bar of your dashboard, then click customize to show the layouts of the theme. Next, you will go to advanced and scroll down to where you will see “add css”.

The location should be like this:

Now copy this css code below and paste it there. Save it and your worries are over.

.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;
} 

Your result after saving it should now be this…