Do you have a border around your images that you want to get rid of? Or maybe style a bit more?
Here's how:
From your Blogger Dashboard click on Design, Click on Edit HTML.
It is always good to download your Full Template before making changes to your html.
In the html you want to locate the following code:
.post img, table.tr-caption-container {
The easiest way is to hit CTRL-F (for Windows) and in the find box type .post img
You then want to do the following to the code to remove the border:
*****
.post img, table.tr-caption-container {
padding:4px;
border:0px solid $bordercolor;
}
*****
Change the border pixels to 0 and that removes the border.
If you want to make a custom border you make a change to that same code. If you want a dotted line you would change the word 'solid' to 'dotted'. If you want the line thicker change the pixels to a higher number. The higher the number the thicker the line. To change the color you would need the HEX number of the color and you would replace $bordercolor with # and then the 6 digit HEX number.
Happy Border Removal!
BRILLIANT! That has been driving me nuts. I am forever in your debt!
ReplyDeleteSarah
That is a pretty cool tip! Thank you!
ReplyDeletehi Kim thank you so much for sharing this tutorial. Iused your tutorial to make a signature and did not want a border around the signature.I was trying to remove the frame, but it was not working. Either Google changed their template or the design I chose uses different CSS classes. Tim was able to get it right. (Tim taking over... :o)) If you want to change the decoration for the signature only it is sufficient to add the corresponding "style" parameter to the img tag (in our case it was "border:0px;box-shadow:none". (Tim out)
ReplyDeleteThanks for that bit of code! I've been trying to figure that out for months.
Delete