ok since we're on the subject of removing stuff, can you show us how to remove those image border everytime an image is uploaded with a post? Or maybe a way to change the color or even replace it with a photo frame image? would really appreciate your help ;)
To remove the border from around your image you must work with your CSS style sheet. That is the part of your template between the <head>and </head> tags. Keep in mind each template uses different terms, but look for something that looks similar to this:
.post img {or this:
padding:4px;
}
img{To those codes you would add this line:
padding: 4px;
}
border:0px;That will completely remove that little border from your images.
On the other hand sometimes you want a nice border. But you want it your way. A few simple adjustments will take care of that.
This first method addresses Blogger Beta. (I really need to find a way to identify the new blogger vs old blogger.) Still working in your CSS Style Sheet, locate this code:
<Variable name="bordercolor" description="Border Color"Change the colors to the color you want. Then, further down in the style sheet, instead of adding border: 0px; add this:
type="color" default="#cccccc" value="#cccccc">
.post img {You can change the solid to dashed or dotted. And change the width by changing the px size.
padding:4px;
border:1px solid $bordercolor;
}
Working with Classic Blogger, add this to your CSS style sheet:
img{Once again you can change the color, size and style to dotted or dashed.
padding: 4px;
border: 1px solid #94C258;
}
No comments:
Post a Comment