Add or Remove Border line and Modify Image Border color

Add or Remove Border line and Modify Image Border color

Comments: 0
data:blog.title
image border

We can see different blog with different style images. Some of them has edge or border and some are not. So some blogger want to use border and some of them wants to remove the border. In this tutorial I will share with you both of ways.

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code .post img { or .post-body img {  by Pressing  Ctrl + F


 Usually the code followed  will be like below example.  Below code indicate that your template has Image border. So If you want to remove it then follow the below tips. 

. Post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #f0f0f0}

Note: Every template has different code. So you need to consider is the value border

Step 4  Now Replace the number 1 with a 0. and Replace #f0f0f0 with any color code. So the code becomes like this

. Post img {
padding: 0px;
margin: 0px 15px 15px 0px;
border: 0px solid # f0f0f0
}

Code For Simple Border


Just add the below code 

.Post img {
   border:1px solid #01122C;
}

Code For Double Border

To add the Double Border just add the below code 


.Post img {
   padding:1px;
   border:1px solid #021a40;
}

Code For Double Border with Different inside Border color

To add the Double Border  with different inside border color just add the below code 


.Post img {
   padding:1px;
   border:1px solid #021a40;
   background-color:#ff0;
}

Step 5  After apply any code from above just save your templates. 

Speak Your Mind

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *