Get ideas & inspirations delivered to your inbox. You won't want to miss a thing, so subscribe free to the Blog Feed or sign up for Free Email Updates on the latest projects, shop news, blog tutorials & more. Check out the Project Gallery, Garden, Recipes & Inspirations tabs above, to see what you have missed. Browse through the sidebar for this week's Popular Posts!
**Please note: Some links may be broken, if this happens, please search for the title of a post on the search tab on the right while I work on fixing the problem.---->

How to Remove Borders Around your Post Images

remove borders around images
How to remove borders around your post images.
  1. Click "Design" on the top right corner of your screen.
  2. Click the "Edit HTML" tab under live blog
Then click at the same time, "Ctrl - F", a search box will pop up on your top right side of the screen.


Find the post image style:


.post img {
  padding:4px;
  border:1px solid #ddd;
  }



Change the border to 0px:



.post img {
  padding:4px;
  border:0px solid #ddd;
  }


The padding is space around the image which will remain.


If you have a different code like mine and can't find the code above try the one below.


Look for this post image style:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);
  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);
}
Change it to this:

post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);
  border: 0px solid $(image.border.color);

  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
}
Click "preview" to make sure the border has been removed, if  your border has been removed and you are pleased, then click "save template" and then close. 

No comments :

Post a Comment

Thank you for adding your thoughts. I read all of your comments and I reply to all one way or another, mostly by email or on your blog. You brighten up my day & for that I thank you.

Related Posts Plugin for WordPress, Blogger...
Pin It button on image hover