Denim Column

About The Author

My photo
Alabama, United States
Educator and Lifelong Learner, Asst Principal at @cmslions, #NBCT, #EdD from @ucumberlands, @Google Educator Lvl 1 & 2, Google for Education Certified 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.

Pin It


Kim said...

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!

Finding JOY in 6th Grade

Linda Higgins said...

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

YearntoLearn said...

Worked for me!

Yearn to Learn Blog

J-M Staheli 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!

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!


Holly @ said...

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

the round button said...

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

Shauna Nicole said...

what she said!!!!!!!^

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

Unknown said...

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

Primary Inspired

Jo said...

Thank you!!

Unknown 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...


Rommel Paulo Viloan said...

Worked like a charm @! Thanks Cara!