Blogging 101: Removing Drop Shadows from your Images in Blogger

Saturday, July 28

Are you using the "Simple" Template in Blogger? Have you noticed those annoying gray outlines around your images? Are you wondering how to get rid of them?
I tried forever to remove them in the template designer. I gave up convinced that they were an unchangeable part of the template, until my wonderful boyfriend found this super easy css tutorial. And now I don't have any shadows behind all my images!
Here's what you do...
1) Go to your blogger homepage, aka your dashboard.
2) Click on the "layout" tab.
3) At the top of the page, click on the link to "template designer". The template designer will open in a dark gray box at the top, and at the bottom you will see a preview of you blog. 
4) Click "advanced" at the top left, a list of items will open to the right, scroll down and choose "add css"
4) A blank form will open, just copy and past this exact text: 

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

5) Click "apply to blog" at the top right and your done!

Hope this is helpful to all you bloggers out there! 

34 comments:

  1. you are the best!!! that was really useful! thank you! you have a great blog!

    ReplyDelete
    Replies
    1. I'm glad I could help! Thank you for reading!

      Delete
  2. Yay! This is something that's driven me mad. Thank you!

    ReplyDelete
  3. Thank you, I've been trying to get rid of it for ages! :)

    ReplyDelete
    Replies
    1. Your welcome! I'm so happy I could help!

      Delete
  4. OMG that is sooooooooooooooo helpful I've been trying to get rid of those but i never new how, thank you soooooo much!!!!!!!!

    ReplyDelete
    Replies
    1. Yes! I'm glad I could help! It's just a gray shadow but it's so dang annoying!

      Delete
  5. Awesome!! When I re-did my blog a while back, suddenly those outlines appeared and I couldn't figure out what I did to get them there, or how to get rid of em'.
    thanks for posting this!! <3

    ReplyDelete
    Replies
    1. I'm so happy I could help! They were driving me nuts!

      Delete
  6. GOD I think theyre SO annoying too!!! Thank you for informing the world!

    ReplyDelete
  7. THEY ARE SOOOOOOOO ANNOYING! Where were you when I needed this tutorial a month ago LOL!

    ReplyDelete
  8. Thank you so much for this...you don't know how many times I tried to figure out how to get rid of them.

    xo erica

    ReplyDelete
  9. Oh- so helpful thank you :) I'm not sure I noticed it until now! kami from thebluekazoo.blogspot.com

    ReplyDelete
  10. This comment has been removed by the author.

    ReplyDelete
  11. Ahh I hate those silly shadow boxes. You'd think Blogger would let you have the option to remove them. I wish I had known you were trying to figure out how to do them but obviously you got it figured out anyway! So glad : )

    My Billie

    ReplyDelete
    Replies
    1. Ugh I know! it can be so frustrating, and I have like no patience, hah

      Delete
  12. Oh you are amazing. Thank you for all the super quick and easy improvements!

    ReplyDelete
  13. I had the same annoying problem and ended up going into the HTML code and play with , deleting everything that had a suspicious word in it untill I somehow managed to get rid og those shadows. I wish I would have seen this earlier!

    ReplyDelete
  14. Looks amazing!

    http://shannonhearts.blogspot.com/

    ReplyDelete
  15. thanks for sharing and the your perfect directions.

    ReplyDelete
  16. THANK YOU! i have been trying to figure this out for so long! ah you're the best!

    ReplyDelete
  17. i did this and it seriously does make such a difference. thank you!

    ReplyDelete
  18. You just made my life a million times better :)
    I have been trying to find out how to do this for over a year!

    ReplyDelete
  19. lauren! i tried to do this exactly as you said and it's not working on my blog--any tips? the new lines really bug me! i would love any help...danke!
    love k :)

    ReplyDelete
  20. Most helpful blog post ever. Thank you for sharing!

    ReplyDelete
  21. thank you so much! it worked and answered my question!


    http://vmacsd.blogspot.com

    ReplyDelete
  22. Thanks for your suggestions and tips. That has really helped in getting free from the annoying gray outlines around the images.

    ReplyDelete
  23. YOU ROCK! Seriously! This is so fab. Just pinned this to my "ULTIMATE Blogger's Toolkit" board on Pinterest. Thank you SO much! XO, ellie @ creative geekery blog

    ReplyDelete
  24. Keep up the excellent work , I read few posts on this web site and I believe that your blog is real interesting and holds circles of wonderful information.
    website design

    ReplyDelete
  25. Thank you so much! That took me all of two seconds to apply, and it makes it look so much better!

    http://www.novamother.com

    ReplyDelete

Calico skies All rights reserved © Blog Milk - Powered by Blogger