Removing Shadow One Picture at a Time

OK, I see where you added the no-shadow class to the images, and you wrote a CSS rule to set the box-shadow to none. The reason why it’s not working is that the selector doesn’t have enough specificity to override the rule which is creating the box-shadow. Luckily, you didn’t try using the !important clause, which would have worked, but is frowned upon because it can cause problems later on.

So the rule which creates the box-shadow has a selector which looks like this:
.widget img. The rule is actually in the parent theme’s style.css file, so you can actually use the same selector in your child theme’s style.css file. Because the rules in the child theme’s style.css file will come after the rules in the parent theme’s style.css file, for any rules which have the same selectors, the one which comes last will take precedence. So just change the selector in rule that you added in your child theme to this:

/*No Box Shadow*/
.widget img.no-shadow {
   -moz-box-shadow: none;
   -o-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

Edit: I added the .no-shadow class to the specifier so it wouldn’t affect other images in the sidebar.

WOO HOO! Yippety yippety yay! Thank you so much! It worked ?? ?? ??

Thank you for your explanation, too ??