July 12, 2011

How to Remove Frames from your Pictures & Signature

I want to show you all something I learned a while back because I searched and searched everywhere to find the answer but I kept getting codes that simply did not work for me. This code worked for me and I hope it works for you too! :) FIY I use the Simple template from blogger. So here is what I'm talking about (I am using my sample blog for this tutorial)...
First go to Design>Edit HTML Hit Command + F (for Mac users like myself) or Control + F (for PC Users) then find this section of your HTML:  .post-body img
 Replace this:

.post-body img {
padding: 8px;
background: #ffffff;
border: 1px solid #fcfbf5;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

To this:

.post-body img {
padding: 8px;
background: none;
border: none;
border: 0;
}


Preview first to see if it worked for you before saving, if it did then hit Save Template! and you've got this...
Whoo hoo!! I hope this code works for you as it did for me!
I am not an HTML expert I simply found something that worked
and wanted to share with you all! :)
I will be sharing blogger tips from time to time!


9 comments:

  1. Thank you! Thank you! Thank you! I have been trying to figure out how to lose that box forever!

    ReplyDelete
  2. Yay!! I'm so glad it worked for you!! :)
    I know what you mean, It took me forever to figure it out, which is why I wanted to share! :)

    ReplyDelete
  3. Just tried it- the preview didn't work, so i was a bit scared, but i went ahead, and it's gone. Thanks!

    ReplyDelete
  4. OH.My.GOSH! You are a lifesaver - I hate those darn frames and have been trying to get rid of them! Found you via Holy Craft - can't wait to read all your yummy stuff!

    ReplyDelete
  5. Thank you so much!!!!

    islarue.blogspot.com

    ReplyDelete
  6. Hi! I can't see how to do it on the new blogger, on the html bit but can't find the code I'm supposed to replace. Help!

    Thanks

    Charl

    www.aplaceonthebookshelf.blogspot.com

    ReplyDelete
  7. Hi! I can't see how to do it on the new blogger, on the html bit but can't find the code I'm supposed to replace. Help!

    Thanks

    Charl

    www.aplaceonthebookshelf.blogspot.com

    ReplyDelete
  8. Thank you! Thank you ! Thank you so much! I have been trying to figure this out for the longest.

    ReplyDelete

I would LOVE to hear from you! :)