Border of featured images

hi, again this is a css customize question, i cannot help walk-through you every css customize needed. you need to try experience the css edit yourself.

anyway in this case, try add this to theme option->custom css

#post-entry div.post-thumb img {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
max-width: 99%;
}

i am very sorry about that Richie. but if i tell you truly the problem is when i am trying to customize the css from editor by my own nothing is going well. one example of this is i wanted to make the h1 tag to 48px. i have changed that in css file (.post content h1{font-size: 48px}) but nothing had changed, Althoug in css file it shows it to 48px.But if you are giving me the solution everything is going well. I have a bit of knowledge of css but not finding it an easy task.

regarding the above solution
it is working but i actually wanted to have border of images seprate from them not sticking with them.I mean to say i need to have some spacing between images and then border and also want to fill that vacant space portion with some custom color. Would you please like to tell how can i have this?

try not to edit the style.css, use wp-admin->theme option->custom css instead.

#custom #post-entry div.post-thumb img {
border: 1px solid #ccc;
padding: 5px;
max-width: 95%;
}

@css edit issue
try add #custom in your css edit like the one above on each edit.
also i see you use cache for site css and js, make sure to clear cache everytime to add new css code.

Thank you so much Richie. This code worked well for me. also i was able to add background color in it.
Thanks for your suggestion for css editing. I will keep that in mind from now.
Thanks again.