HOMEPAGE

Create something.

December 15, 2015

How To Remove Borders From Your Photos



Hello my beautiful readers. It's tutorial time again, and today I'm going to share how to remove those annoying default borders from around your photos. This is mainly for Blogger users, but I'm sure other platforms have this too. ;) And of course, if you wanted to rework this code provided and actually apply a border to your photos, you could do that as well.

Anyway. Today it's short and sweet, so let's get to it. :)

Example:


Here's what you need to do:

1. Log into blogger, and select the blog you'd like to remove your photo borders from.

2. Go to Template >>> Customize >> Add CSS.

3. Put the code (below) in the box and watch those ugly disappear!

4. Don't forget to save your changes!


Now here is the lovely css code:

.post-body img, .post-body .tr-caption-container, .ss, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: none !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;
}

Note: I did not create this code - I found it on the web. :)


Have a question? A comment? A suggestion? Just comment below! I'd love to hear from you. :)


xx Nicole Rose

No comments

Post a Comment