Pages

About The Author

My Photo
4th Grade National Board Certified Teacher in Literacy, School Technology Coordinator and Webmaster, Social Media Promoter for VocabularySpellingCity, Promethean ActivInstructor and Social Media Council member, Avid Twitter @WhiteheadsClass, 2nd Vice President for AL NBCT Network Board of Directors

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 Pin It

11 comments:

Kim said...

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

Linda Lindsay said...

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

YearntoLearn said...

Worked for me!
Thanks.

Yearn to Learn Blog

The Staheli's said...

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!

The Introverted Art said...

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

That stupid shadow was driving me CRAZY

Joelle P. said...

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/

Holly @ abakershouse.com said...

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

Alex P. said...

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

Shauna Nicole said...

what she said!!!!!!!^

Justina Marie said...

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!!

Brenda said...

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

Brenda
Primary Inspired