Image Map

Wednesday, October 29, 2014

Code: Getting Rid of Image Drop Shadows

Hey you!
Here's a nice little trick to brighten up your Wednesday.
Do you have that annoying drop shadow that appears on EVERY image? Want to get rid of it for a nice, cleaner looking blog? 


Just copy the code below:

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

Go to Blogger > Template > Customize > Advanced > Add CSS
and paste the code in the white box.

SPECIFICS: This just overrides code in CSS to get rid of the drop shadow and padding. You are more than welcome to go find the code itself and change the values there, if you feel comfortable messing with code ;)

* It may not seem like a big difference in the two images above, but it is really noticeable when it appears on sidebar titles and signatures! *

No comments :

Post a Comment