If you are using Blogger as your blogging platform, you’ll notice that every time when you insert an image in your blog post, it will contain border and shadow around it by default. And while there's nothing wrong with this, but if you find this annoying or it simply messes up with your blog’s theme, you may follow the guides below on how to remove the border and shadow. There are several ways to accomplish this and we’re going to modify the CSS entry in Blogger. With this method, the changes that you’ve made will be applied to the entire posts of your blog without needing to edit each of the blog post manually.
On your Blogger dashboard, select Theme, Customize. Under the Blogger Theme Designer, click on Advanced, scroll down and select Add CSS. Copy and paste the following codes in the custom CSS area.
.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;
}
Click on Apply to Blogger and the border and shadow around images in your blog will be removed by now. It's really that simple. Is this method working for you? Please feel free to leave your comments in the comment section below. Thanks for reading.
9 comments
The border and shadow is removed from laptop and tablet but not cellphone.
I am now on the "new" Blogger and suddenly have white borders around all my images (plus png transparent images now have a white background - related issue?). I want to get rid of these, but the instructions make no sense. If I click on Theme, this is the drop-down menu: Backup; Restore; Switch to first generation classic theme; Edit HTML; Mobile Settings. The HTML is just a solid page of coded gibberish and I am afraid to even touch it. I am unable to access a "customize" option and there is no "Blogger theme designer" or "advanced" setting, therefore I am unable to make any of the changes you have outlined. You should not have to get into the guts of your blog to make such an idiot-simple change as "white frame, or NOT white frame", either per image or per your whole blog.
PLEASE provide a simpler way to do this, or at least help me access the customizing/theme designer/advanced settings. They are nowhere to be found.
you may click edit html option copy and paste the command above. you may place it above the footer command. it will work
It worked great for me! I don't write code, but I was able to copy and paste this into the HTML edit version on the custom template button. Voila! Thanks a million!
Worked great! Thank you.
The work changed into very thoughtfully achieved and you could tell how thorough and professional the task becomes. wikipedia page service
We have been in operation here since 2014, working from the converted stables, and during that time we have trained more than fifty people as traditional kiltmakers and have made over two hundred kilts in more than eighty different tartan. At last kiltoutfit can offer a real welcome from Border Kilt Craft to everyone interested in kilts, tartan and Scottish Heritage.
Thank you ! I was in a panic. I redesigned my blog and when I changed my color schemes I had those pesky white boxes. Your code fixed it. Appreciate you.
EmoticonEmoticon