If you are using the Simple or Awesome theme in New Blogger and would like to remove the image borders by making them transparent (or a different color), please see our step-by-step instructions at How to Remove the Image Border or Choose a Color in New Blogger (themes last checked September, 2020).
But don't despair. If you aren't using either of these themes and want to rid yourself of image borders, you do have an option: add CSS code. We provide detailed instructons at How to Eliminate Image Borders Altogether using CSS.
This blog post was for Classic Blogger, and also only applicable for those using the Simple or Awesome theme. We keep it around for archive purposes and to redirect visitors to the appropriate posts..
Step One
Go to the Blogger dashboard and click Theme on the left sidebar. Then click the Customize button. You should find the customize button in your blog according to one of the two screenshots shown below.
The Blogger Theme Designer window displays as shown below. If you see something else, you're probably using New Blogger and need to visit our new post How to Remove the Image Border or Choose a Color in New Blogger!.
Step Two
On the Blogger Theme Designer window, click Advanced at the bottom of the left sidebar. A row of items will display on the right side of the small window. Then scroll down to the bottom of the list on the right side and click Images as shown below.
Step Three
The options for images are Background Color, Border Color, and Caption Text Color. Look at Border Color. We can't remove the border, but we can either make it transparent so the background color of the blog post will peek through, or select a color. If your background is white, you could just select white for your image borders.
As shown above, make the borders transparent by clicking the down arrow on the top row, then, in the small window that pops up, click Transparent at the bottom of the window.
Step Four
Now click Apply to Blog. Sometimes that option is not highlighted until I click around on some other tabs, but when it finally highlights, make sure you click Apply to Blog or your settings will be lost.
Thanks for stopping by. Cheers!
How to do it only to one specific photo?
ReplyDeleteI can't undo all my settings to test this, but my default is NO border and I was able to add a border, so the reverse should work for you.
ReplyDeleteEdit the blog post and look at the HTML. Find the image code. At the end of the code, after width but before />, add style="border:0px;"
(I tried to insert the entire code, but Blogger wouldn't let me publish the comment.)
If that doesn't work, change it to style="border:0px !important;"
If that doesn't work, change the border color to be the same as the background. For example, this creates a white border: style="border:1px solid #FFFFFF;"
I want to remove white borders around all my images which started appearing when I recently switched to a new theme. I also want to post png transparent images without a white background. I found the Theme setting, and the drop-down menu reads: Backup, Restore, Switch to First Generation Classic Theme, Edit HTML, and Mobile Settings. There is no Advanced setting and no Blogger Theme Designer. It doesn't seem to exist. So what do I do now?
ReplyDeleteThis post was dated Oct. 2019, so Blogger changed the interface recently. For just New Blogger, I've created a new post (and updated this one to point to it) about how to make image borders transparent that you need to read. There is also an option for the "background color" of images to be transparent, so I assume they're referring to PNGs or GIFs with transparency. So go to the new post where you will find detailed instructions:
ReplyDeleteHow to Remove the Image Border or Choose a Color in New Blogger!
If you don't see the Images option on the menu, then your blog theme does not support it unfortunately. If anyone can find the option somewhere else, please let us know. I'll update the post tomorrow to indicate this. The only option then is to use custom CSS as explained in this post - the code is common and referenced by many.
ReplyDeleteIt worked! Thank you so much. MG
ReplyDelete