About The Author

My photo
Alabama, United States
Instructional Partner, National Board Certified Teacher in Literacy, Graduate School Student, Social Media Promoter for VocabularySpellingCity, Promethean ActivInstructor and Social Media Council member, Avid Twitterer @WhiteheadsClass, 1st Vice President for ALNBCT Network Board of Directors, Certified ALEX Trainer

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

16 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

Jo said...

Thank you!!

Kelly Vee said...
This comment has been removed by the author.
website design said...

Thank you for sharing excellent information. Your site is so cool. I am impressed by the details that you’ve on this website. It reveals how nicely you understand this subject. Bookmarked this website page, will come back for more articles.
website design

Precious said...

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

Rommel Paulo Viloan said...

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