removing boxshadow on one image (2 posts)

  1. rseaver06
    Posted 3 years ago #

    Hey guys, I've searched the forums but haven't found a solution so sorry if I missed something. I want to remove the box shadow from just one image on my site. Anyone know what I might need to add to the code to do that?
    Here's the page and I don't want a shadow on the signature at the bottom. Thanks!


  2. Max
    Posted 3 years ago #

    I see you tried to added an inline style to the signature element, that could work, although you have it in the wrong place, and you are only trying to target older webkit browsers, but what I would suggest, is add a class to image tag called something like "no-shadow" or whatever is meaningful for you, ie., code it like this in your post window:

    <img class="wp-image-204 alignleft no-shadow" title="Susie Sig" src="http://www.sweet-foundations.com/wp-content/uploads/2012/09/Susie-Sig.png" alt="" width="172" height="89">

    And then add the following style to your style.css file:

    .no-shadow {
    	-moz-box-shadow: none;
    	-o-box-shadow: none;
    	-webkit-box-shadow: none;
    	box-shadow: none;

    Then whenever you want to leave the shadow off a box, you simple tag the element with the no-shadow class.

Topic Closed

This topic has been closed to new replies.

About this Topic