Pages

▼

Saturday, January 21, 2012

Remove Shadows Around Blogger Pictures

Do you notice that gray shadow around images that you post on your blog? Do you find them as annoying as I do? I found a simple remedy for removing those shadows thanks to Southern Speakers.


1)Go to Dashboard>Template Designer>Advanced>Add CSS


2)Copy and paste the following code into the big, blank box. Be sure to click enter at the end of the code.

.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;
}

3)Click Apply to Blog


You now have a nice, crisp blog with no shadows around your images.


~Cara
Pin It
at

15 comments:

  1. Kim1/21/12, 4:54 PM

    OMGolly!
    I have been wanting to do this for ages!
    You are such a Talented Techie.
    I can't even keep up with all of your posts, hints, and ideas!

    I'm going to try for a no-shadows-showing on my next post!

    Here's a stumper for you...
    Can you have numbered comments AND threaded comments? Or is it an "either/or" thing?
    My comments are now threaded. They didn't used to be (in fact, they were numbered). I didn't touch a thing; I think Blogger flipped a switch. I don't care, really, except in the instance of giveaways.
    I have wondered what would happened if I switched back...

    Thanks for the great post. Shadows be gone!

    Kim
    Finding JOY in 6th Grade

    ReplyDelete
  2. Linda Higgins1/21/12, 5:27 PM

    Thank you so much -- this is a great tip!

    ReplyDelete
  3. YearntoLearn1/21/12, 8:03 PM

    Worked for me!
    Thanks.

    Yearn to Learn Blog

    ReplyDelete
  4. J-M Staheli4/1/12, 12:03 AM

    Oh my thank you so much for posting this! I've been searching and searching for an easy tutorial! And I'm so glad I found your blog!:)

    Thanks for posting this tutorial and where you find it!

    ReplyDelete
  5. Introverted Art5/9/12, 7:29 PM

    Thank you, thank you, thank you!!!!!!

    That stupid shadow was driving me CRAZY

    ReplyDelete
  6. Anonymous6/18/12, 6:28 PM

    OH MY GOSH!! Best tip ever!!! Thank you! I have searched everywhere on the web for the answer to this annoying problem! My mouth dropped when I got it to work. I am learning something new everyday! Please check out my blog!

    Joelle
    http://2ndgradesweetpeas.blogspot.com/

    ReplyDelete
  7. Holly @ abakershouse.com8/17/12, 10:41 PM

    Thanks so much! Just tried this and it worked. Fantastic!

    ReplyDelete
  8. the round button9/12/12, 1:20 PM

    THANK YOU !!!!!!!!!!!!!!!!!!!!!!!

    ReplyDelete
  9. Shauna Nicole10/18/12, 8:01 AM

    what she said!!!!!!!^

    ReplyDelete
  10. Justina McNear1/15/13, 1:24 PM

    Thank you, Thank you, Thank you! I have been to so many sites trying to follow their complex instructions to no avail. I followed these instructions and BAM! done!!

    ReplyDelete
  11. Unknown2/27/13, 7:50 PM

    Oh, thank goodness! YES-- those gray box shadows annoyed me as much as they did you! THANKS!!

    Brenda
    Primary Inspired

    ReplyDelete
  12. Jo6/4/13, 6:07 AM

    Thank you!!

    ReplyDelete
  13. Unknown9/3/13, 12:09 PM

    This comment has been removed by the author.

    ReplyDelete
  14. Precious2/27/14, 10:07 AM

    THIS IS THE BEST TIP EVER!!!!! JUST USED IT ANDIT WORKED PERFECTLY

    ReplyDelete
  15. Rommel Paulo Viloan3/12/14, 6:54 PM

    Worked like a charm @ digitalmuncher.blogspot.com! Thanks Cara!

    ReplyDelete